adjust auto ScrollBar styles.

src/Layout.module.css

@@ -25,6 +25,9 @@
       }
     }
     section {
+      min-height: 0;
+      min-width: 0;
+      overflow: hidden;
       flex: 1;
       display: flex;
       flex-direction: row;

src/components/ScrollArea.module.css

@@ -1,9 +1,11 @@
 @layer components {
   .scroll_area {
     display: grid;
-    width: 100%;
-    height: 100%;
+    min-width: 0;
+    min-height: 0;
     overflow: hidden;
+    padding-inline-end: calc(var(--spacing) * 2);
+    padding-block-end: calc(var(--spacing) * 2);
     grid-template-columns: auto calc(var(--spacing) * 3);
     grid-template-rows: auto calc(var(--spacing) * 3);
     &.hide_thumb_y {

src/page-components/device/DeviceList.module.css

@@ -1,5 +1,8 @@
 @layer pages {
   .devices {
+    min-width: 0;
+    min-height: 0;
+    overflow: hidden;
     flex: 1;
     display: flex;
     flex-direction: column;

src/theme.css

@@ -19,6 +19,12 @@
     -webkit-text-size-adjust: 100%;
   }
 
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
   :where(html, body) {
     color-scheme: dark;
     width: 100vw;