diff --git a/app/globals.css b/app/globals.css
index c2e8d39..254fe29 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -93,7 +93,7 @@
 html,
 body {
   height: 100%;
-  overflow-x: hidden;
+  overflow-x: clip;
 }
 
 body {
@@ -784,7 +784,7 @@ body::before {
 @media (max-width: 640px) {
   .content {
     padding-top: 140px;
-    overflow-x: hidden;
+    overflow-x: clip;
   }
 
   .navbar {
@@ -950,7 +950,7 @@ input[type="number"] {
     padding: 12px;
     width: 100%;
     max-width: 100%;
-    overflow-x: hidden;
+    overflow-x: clip;
   }
 
   .grid {
diff --git a/app/page.jsx b/app/page.jsx
index e5fbc78..318af00 100644
--- a/app/page.jsx
+++ b/app/page.jsx
@@ -3957,7 +3957,7 @@ export default function HomePage() {
 
       <div className="grid">
         <div className="col-12">
-          <div ref={filterBarRef} className="filter-bar" style={{ top: isMobile ? undefined : navbarHeight , marginTop: navbarHeight, marginBottom: 8, display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap', gap: 12 }}>
+          <div ref={filterBarRef} className="filter-bar" style={{ ...(isMobile ? {} : { top: navbarHeight }), marginTop: navbarHeight, marginBottom: 8, display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap', gap: 12 }}>
             <div className="tabs-container">
               <div
                 className="tabs-scroll-area"