fix(ui): prevent sidebar shrink / svg compression on Connections page

Body: Add min-width:0 / flex-shrink:0 to flex containers so sidebar stays stable and the overview svg doesn’t get squashed when the connections toolbar expands.

1 files changed, 9 insertions, 0 deletions

diff --git a/src/components/SideBar.module.scss b/src/components/SideBar.module.scss
index d927cb7..b2ba2ce 100644
--- a/src/components/SideBar.module.scss
+++ b/src/components/SideBar.module.scss
@@ -2,7 +2,15 @@
 
 .root {
   background: var(--color-bg-sidebar);
+  width: 180px;
+  min-width: 180px;
+  flex-shrink: 0;
   position: relative;
+
+  @media (max-width: 768px) {
+    width: 100%;
+    min-width: 0;
+  }
 }
 
 .logo_meta {
@@ -67,6 +75,7 @@
     color: var(--color-icon);
     width: 22px;
     height: 22px;
+    flex-shrink: 0;
 
     @media (--breakpoint-not-small) {
       width: 24px;