diff --git a/src/components/olmap/SCADADataPanel.tsx b/src/components/olmap/SCADADataPanel.tsx
index 70ad401..468463c 100644
--- a/src/components/olmap/SCADADataPanel.tsx
+++ b/src/components/olmap/SCADADataPanel.tsx
@@ -572,6 +572,7 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
         <Box
           className="absolute top-20 right-4 bg-white shadow-2xl rounded-lg cursor-pointer hover:shadow-xl transition-all duration-300 opacity-95 hover:opacity-100"
           onClick={() => setIsExpanded(true)}
+          sx={{ zIndex: 1300 }}
         >
           <Box className="flex flex-col items-center py-3 px-3 gap-1">
             <ShowChart className="text-[#257DD4] w-5 h-5" />
@@ -594,7 +595,7 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
         variant="persistent"
         hideBackdrop
         sx={{
-          width: isExpanded ? drawerWidth : 0,
+          width: 0,
           flexShrink: 0,
           "& .MuiDrawer-paper": {
             width: "min(920px, calc(100vw - 2rem))",
@@ -608,7 +609,7 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
               "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
             backdropFilter: "blur(8px)",
             opacity: 0.95,
-            transition: "all 0.3s ease-in-out",
+            transition: "transform 0.3s ease-in-out, opacity 0.3s ease-in-out",
             border: "none",
             "&:hover": {
               opacity: 1,