diff --git a/src/App.jsx b/src/App.jsx
index 1ad3150..ddaac6d 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -35,10 +35,11 @@ import IndexRole from './pages/role/IndexRole';
 import IndexUser from './pages/user/IndexUser';
 
 import SvgTest from './pages/home/SvgTest';
-import SvgOverview from './pages/home/SvgOverview';
+import SvgOverviewCompressor from './pages/home/SvgOverviewCompressor';
 import SvgCompressorA from './pages/home/SvgCompressorA';
 import SvgCompressorB from './pages/home/SvgCompressorB';
 import SvgCompressorC from './pages/home/SvgCompressorC';
+import SvgOverviewAirDryer from './pages/home/SvgOverviewAirDryer';
 import SvgAirDryerA from './pages/home/SvgAirDryerA';
 import SvgAirDryerB from './pages/home/SvgAirDryerB';
 import SvgAirDryerC from './pages/home/SvgAirDryerC';
@@ -63,10 +64,11 @@ const App = () => {
                 </Route>
 
                 <Route path="/dashboard-svg" element={<ProtectedRoute />}>
-                    <Route path="overview" element={<SvgOverview />} />
+                    <Route path="overview-compressor" element={<SvgOverviewCompressor />} />
                     <Route path="compressor-a" element={<SvgCompressorA />} />
                     <Route path="compressor-b" element={<SvgCompressorB />} />
                     <Route path="compressor-c" element={<SvgCompressorC />} />
+                    <Route path="overview-airdryer" element={<SvgOverviewAirDryer />} />
                     <Route path="airdryer-a" element={<SvgAirDryerA />} />
                     <Route path="airdryer-b" element={<SvgAirDryerB />} />
                     <Route path="airdryer-c" element={<SvgAirDryerC />} />