From d09b5761373055bfa5f5c19f901da7702a0664ea Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Tue, 16 Jun 2026 09:28:25 +0200
Subject: [PATCH] style: hide scrollbars on mobile and fix desktop overlay
 scrollbars for company tiles

---
 app/globals.css                       | 8 +++++---
 components/blocks/SubCompanyTiles.tsx | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 691ede043..11423b830 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -10,11 +10,13 @@
   }
   
   .hide-scrollbar {
-    -ms-overflow-style: none;  /* IE and Edge */
-    scrollbar-width: none;  /* Firefox */
+    -ms-overflow-style: none !important;  /* IE and Edge */
+    scrollbar-width: none !important;  /* Firefox */
   }
   .hide-scrollbar::-webkit-scrollbar {
-    display: none; /* Chrome, Safari and Opera */
+    display: none !important; /* Chrome, Safari and Opera */
+    width: 0 !important;
+    height: 0 !important;
   }
 
   @keyframes bg-pulse-15 {
diff --git a/components/blocks/SubCompanyTiles.tsx b/components/blocks/SubCompanyTiles.tsx
index 7b9bfcbc0..80392cf3a 100644
--- a/components/blocks/SubCompanyTiles.tsx
+++ b/components/blocks/SubCompanyTiles.tsx
@@ -79,7 +79,7 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
         )}
         
         <motion.div 
-          className="flex overflow-x-auto snap-x snap-mandatory pb-6 md:pb-0 md:grid md:grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6 hide-scrollbar -mx-4 px-4 md:mx-0 md:px-0"
+          className="flex overflow-x-auto md:overflow-visible snap-x snap-mandatory pb-6 md:pb-0 md:grid md:grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6 hide-scrollbar -mx-4 px-4 md:mx-0 md:px-0"
           variants={containerVariants}
           initial="hidden"
           whileInView="visible"