fixed display zones dispay cetner

app/src/styles/pages/realTimeViz.scss

@@ -68,7 +68,7 @@
     display: flex;
     background-color: var(--background-color);
     position: absolute;
-    // bottom: 10px;
+    bottom: 10px;
     left: 50%;
     gap: 6px;
 
@@ -77,7 +77,7 @@
     overflow: auto;
     max-width: calc(100% - 500px);
     z-index: 3;
-    transform: translate(-50%, -100%);
+    transform: translate(-50%, -0%);
 
     &::-webkit-scrollbar {
       display: none;
@@ -124,7 +124,7 @@
   }
 
   .zone-wrapper.bottom {
-    top: var(--bottomWidth);
+    bottom: var(--bottomWidth);
     // bottom: 200px;
   }
 
@@ -370,7 +370,7 @@
 
 .playingFlase {
   .zone-wrapper.bottom {
-    top: var(--bottomWidth);
+    bottom: var(--bottomWidth);
     // bottom: 210px;
   }
 }