From bd53b26f29ccccd60cabd58c5f6264abe1da723c Mon Sep 17 00:00:00 2001
From: Jose Selesan <jose.selesan@solotechnologies.us>
Date: Mon, 1 Jun 2026 08:20:19 -0300
Subject: [PATCH] Hide scrollbars on expense tab strips

---
 apps/frontend/src/features/expenses/ExpensesPage.tsx     | 2 +-
 .../features/expenses/components/ExpensesTabContent.tsx  | 2 +-
 apps/frontend/src/index.css                              | 9 +++++++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/features/expenses/ExpensesPage.tsx b/apps/frontend/src/features/expenses/ExpensesPage.tsx
index bd5dc36..d2a5b04 100644
--- a/apps/frontend/src/features/expenses/ExpensesPage.tsx
+++ b/apps/frontend/src/features/expenses/ExpensesPage.tsx
@@ -17,7 +17,7 @@ function ExpensesPageInner() {
     <div className="space-y-4">
       <h1 className="text-2xl font-semibold text-balance">Gastos</h1>
 
-      <div className="flex gap-1 overflow-x-auto border-b">
+      <div className="scrollbar-none flex gap-1 overflow-x-auto border-b">
         {tabs.map((tab) => (
           <button
             key={tab.id}
diff --git a/apps/frontend/src/features/expenses/components/ExpensesTabContent.tsx b/apps/frontend/src/features/expenses/components/ExpensesTabContent.tsx
index 76fa851..ac12396 100644
--- a/apps/frontend/src/features/expenses/components/ExpensesTabContent.tsx
+++ b/apps/frontend/src/features/expenses/components/ExpensesTabContent.tsx
@@ -65,7 +65,7 @@ export function ExpensesTabContent() {
   return (
     <div className="space-y-4">
       <div className="space-y-3 sm:flex sm:flex-wrap sm:items-center sm:justify-between sm:gap-2 sm:space-y-0">
-        <div className="flex gap-1 overflow-x-auto pb-1 sm:pb-0">
+        <div className="scrollbar-none flex gap-1 overflow-x-auto pb-1 sm:pb-0">
           {filters.map((f) => (
             <Button
               key={f.value}
diff --git a/apps/frontend/src/index.css b/apps/frontend/src/index.css
index cbba481..4ac8e98 100644
--- a/apps/frontend/src/index.css
+++ b/apps/frontend/src/index.css
@@ -136,6 +136,15 @@
   animation: loading-bar 1.5s ease-in-out infinite;
 }
 
+.scrollbar-none {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.scrollbar-none::-webkit-scrollbar {
+  display: none;
+}
+
 * {
   border-color: var(--border);
 }