diff --git a/src/component/traffic/Traffic.jsx b/src/component/traffic/Traffic.jsx
index b48c451..0a1d3a4 100644
--- a/src/component/traffic/Traffic.jsx
+++ b/src/component/traffic/Traffic.jsx
@@ -2,27 +2,27 @@ import React from "react";
 import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
 
 
-export default function Traffic(){
+export default function Traffic() {
 
-    return(
+    return (
         <>
-            <BreadcrumbComBS title='Traffic' paths={['Dashboard', 'Traffic']} />
+            <BreadcrumbComBS title='Traffic' paths={['Dashboard', 'Traffic']}/>
             <div className="row">
-                <div className="col-lg-6">
-                    <div className="card card-statistics">
+                <div className="col-lg-4">
+                    <div className="card card-statistics" style={{minHeight: '350px', borderRadius: '10px', backgroundColor: 'aliceblue'}}>
                         <div className="card-header">
                             <div className="card-heading">
-                                <h4 className="card-title">Line Chart with Data Labels</h4>
+                                <h4 className="card-title">Site Traffic Monitoring</h4>
                             </div>
                         </div>
                         <div className="card-body">
-                            <div className="apexchart-wrapper">
-                                <div id="apexdemo1"></div>
-                            </div>
+
+
+
                         </div>
                     </div>
                 </div>
-                <div className="col-lg-6">
+                <div className="col-lg-8">
                     <div className="card card-statistics">
                         <div className="card-header">
                             <div className="card-heading">