2 files changed, 15 insertions, 0 deletions
diff --git a/src/components/Connections.module.scss b/src/components/Connections.module.scss
index e355f2b..0b117f4 100644
--- a/src/components/Connections.module.scss
+++ b/src/components/Connections.module.scss
@@ -30,6 +30,7 @@
 .inputWrapper {
   width: 100%;
   max-width: 200px;
+  min-width: 0;
   margin-left: auto;
 
   @media (max-width: 768px) {
@@ -137,6 +138,7 @@
   align-items: center;
   gap: 16px;
   width: 100%;
+  min-width: 0;
 
   @media (max-width: 768px) {
     display: grid;
@@ -150,6 +152,7 @@
   display: flex;
   align-items: center;
   gap: 16px;
+  min-width: 0;
 
   @media (max-width: 768px) {
     display: contents;
@@ -162,6 +165,7 @@
   display: flex;
   align-items: center;
   gap: 4px;
+  min-width: 0;
 
   @media (max-width: 768px) {
     grid-column: 1 / -1;
@@ -181,6 +185,7 @@
 .sourceSelect {
   width: auto;
   min-width: 120px;
+  flex-shrink: 0;
 
   @media (max-width: 768px) {
     width: 100% !important;
@@ -199,6 +204,7 @@
 
 .contentWrapper {
   margin: 0 45px 20px;
+  min-width: 0;
   background-color: var(--bg-log-info-card);
   border-radius: 12px;
   box-shadow: var(--shadow-card);
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;