Hidden panel zone based template Sc shot

app/src/styles/components/visualization/floating/common.scss

@@ -81,9 +81,12 @@
 
 .returnOfInvestment {
     gap: 10px;
+    min-width: 150px;
 
     .charts {
+        width: 100%;
         height: 200px;
+        min-width: 150px;
     }
 
     .returns-wrapper {
@@ -126,6 +129,12 @@
         gap: 6px;
         border-radius: 5.2px;
 
+        width: 100%;
+        height: 150px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
         .header {
             font-size: $small;
             text-align: start;

app/src/styles/pages/realTimeViz.scss

@@ -76,6 +76,7 @@
     max-width: 80%;
     overflow: auto;
     max-width: calc(100% - 500px);
+    min-width: 150px;
     z-index: 3;
     transform: translate(-50%, -0%);
 
@@ -364,6 +365,7 @@
   }
 
   .panel.hidePanel {
+    pointer-events: none;
     opacity: 0.1;
   }
 }
@@ -750,7 +752,7 @@
 }
 
 .activeChart {
-  outline: 1px solid var(--accent-color);
+  outline: 2px solid var(--accent-color);
   z-index: 2 !important;
 }
 

app/src/styles/scene/scene.scss

@@ -21,3 +21,7 @@
     box-shadow: var(--box-shadow-light);
   }
 }
+
+.pointer-none{
+  pointer-events: none;
+}