merged to main

app/src/styles/layout/popup.scss

@@ -146,5 +146,6 @@
     font-size: var(--font-size-regulaar);
     font-weight: var(--font-size-regulaar);
     text-transform: capitalize;
+    white-space: nowrap;
   }
 }

app/src/styles/pages/realTimeViz.scss

@@ -68,17 +68,16 @@
     display: flex;
     background-color: var(--background-color);
     position: absolute;
-    bottom: 10px;
+    bottom: 0px;
     left: 50%;
     gap: 6px;
-
     border-radius: 8px;
     max-width: 80%;
     overflow: auto;
     max-width: calc(100% - 500px);
     min-width: 150px;
     z-index: 3;
-    transform: translate(-50%, -0%);
+    transform: translate(-50%, -10%);
 
     &::-webkit-scrollbar {
       display: none;

app/src/styles/scene/scene.scss

@@ -6,9 +6,9 @@
 }
 .distance-text {
   pointer-events: none !important;
-  .distance {
+  div {
     position: absolute;
-    transform: translate(-50%, -50%) scale(.8);
+    transform: translate(-50%, -50%) scale(0.8);
     pointer-events: none !important;
     white-space: nowrap;
     // style
@@ -22,6 +22,6 @@
   }
 }
 
-.pointer-none{
+.pointer-none {
   pointer-events: none;
 }