fix: adjust layout for all zoom values and font sizes

app/assets/stylesheets/_sn.scss

@@ -57,6 +57,10 @@
   margin-bottom: 0.5rem;
 }
 
+.ml-1 {
+  margin-left: 0.25rem;
+}
+
 .mr-1 {
   margin-right: 0.25rem;
 }
@@ -192,6 +196,10 @@
   height: 2rem;
 }
 
+.h-9 {
+  height: 2.25rem;
+}
+
 .h-10 {
   height: 2.5rem;
 }
@@ -212,8 +220,8 @@
   overflow: auto;
 }
 
-.overflow-hidden {
-  overflow: hidden;
+.overflow-y-hidden {
+  overflow-y: hidden;
 }
 
 .overflow-ellipsis {
@@ -260,6 +268,10 @@
   width: 20rem;
 }
 
+.relative {
+  position: relative;
+}
+
 /**
  * A button that is just an icon. Separated from .sn-button because there
  * is almost no style overlap.