diff --git a/src/pages/Home/App.js b/src/pages/Home/App.js
index 4c6adbb..d46e76f 100644
--- a/src/pages/Home/App.js
+++ b/src/pages/Home/App.js
@@ -12,7 +12,7 @@ const App = () => {
     const [ map, setMap ] = useState(null);
     const [ isZoomCompleted, setIsZoomCompleted ] = useState(false);
     const [ currentGeoJsonIndex, setCurrentGeoJsonIndex ] = useState(0);
-    const [showZoomFrontLoadScreen, setShowZoomFrontLoadScreen] = useState(true);
+    const [ showZoomFrontLoadScreen, setShowZoomFrontLoadScreen ] = useState(true);
 
     const cycleSVG = () => {
         setCurrentGeoJsonIndex((prevIndex) => (prevIndex + 1) % 3);
@@ -53,10 +53,10 @@ const App = () => {
 
             {map && <GeoJsonHeatmapOverlay map={map} currentGeoJsonIndex={currentGeoJsonIndex} />}
             {map && <WidgetConsolidation map={map} isZoomCompleted={isZoomCompleted} cycleSVG={cycleSVG} />}
-            <DevZoom onZoom={handleZoom} />
-            {/* {showZoomFrontLoadScreen && (
+          {/*  <DevZoom onZoom={handleZoom} />  Ensure this component is imported correctly */}
+            {showZoomFrontLoadScreen && (
                 <ZoomFrontLoadScreen onZoom={handleZoom} onOtherAction={() => setShowZoomFrontLoadScreen(false)} />
-            )} */}
+            )}
         </div>
     );
 };