diff --git a/src/input.css b/src/input.css
index aaa9201..b1c0f5f 100644
--- a/src/input.css
+++ b/src/input.css
@@ -104,6 +104,10 @@ html, body {
   background: rgba(148, 163, 184, 0.8); 
 }
 
+.overflow-y-overlay {
+  overflow-y: overlay;
+}
+
 /* Custom Date/Time Inputs */
 input[type="date"],
 input[type="time"],
diff --git a/static/tailwind.css b/static/tailwind.css
index 2d8ff9e..cc9836a 100644
--- a/static/tailwind.css
+++ b/static/tailwind.css
@@ -889,9 +889,6 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-  .overflow-auto {
-    overflow: auto;
-  }
   .overflow-hidden {
     overflow: hidden;
   }
@@ -1064,12 +1061,6 @@
   .border-slate-900 {
     border-color: var(--color-slate-900);
   }
-  .border-slate-900\/50 {
-    border-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
-    }
-  }
   .border-slate-950 {
     border-color: var(--color-slate-950);
   }
@@ -1085,9 +1076,6 @@
   .bg-\[\#1e293b\] {
     background-color: #1e293b;
   }
-  .bg-\[\#1e293b\]\/20 {
-    background-color: color-mix(in oklab, #1e293b 20%, transparent);
-  }
   .bg-\[\#1e293b\]\/30 {
     background-color: color-mix(in oklab, #1e293b 30%, transparent);
   }
@@ -2579,6 +2567,9 @@ html, body {
 ::-webkit-scrollbar-thumb:hover {
   background: rgba(148, 163, 184, 0.8);
 }
+.overflow-y-overlay {
+  overflow-y: overlay;
+}
 input[type="date"], input[type="time"], input[type="datetime-local"] {
   position: relative;
   padding-left: 0.5rem !important;
diff --git a/templates/components/macros.html b/templates/components/macros.html
index c8bb8e3..c0bd1e3 100644
--- a/templates/components/macros.html
+++ b/templates/components/macros.html
@@ -392,7 +392,7 @@
 {% macro table_container_open(id, max_height="68vh") %}
 <!-- Table Container -->
 <div class="bg-[#1e293b]/40 backdrop-blur-xl border border-slate-900 rounded-3xl shadow-2xl mb-8 overflow-hidden">
-    <div id="{{ id }}-container" class="overflow-auto scrollbar-thin rounded-[22px]" style="max-height: {{ max_height }};">
+    <div id="{{ id }}-container" class="overflow-x-auto overflow-y-overlay scrollbar-thin rounded-[22px]" style="max-height: {{ max_height }};">
 {% endmacro %}
 
 {% macro table_container_close(id) %}