diff --git a/src/app/(app)/explore/page.tsx b/src/app/(app)/explore/page.tsx
index 6e6d2d1..c1424f1 100644
--- a/src/app/(app)/explore/page.tsx
+++ b/src/app/(app)/explore/page.tsx
@@ -94,7 +94,7 @@ export default function ExplorePage() {
       <h1 className="text-xl font-semibold mb-4">{t("title")}</h1>
 
       <Tabs value={activeTab} onValueChange={handleTabChange} className="mb-4">
-        <div className="overflow-x-auto">
+        <div className="overflow-x-auto overflow-y-hidden scrollbar-hide">
           <TabsList className="w-max">
             <TabsTrigger value="trending" className="gap-1">
               <TrendingUp className="h-3.5 w-3.5" />
diff --git a/src/app/globals.css b/src/app/globals.css
index 297b8a5..61ec048 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,6 +4,14 @@
 
 @custom-variant dark (&:is(.dark *));
 
+@utility scrollbar-hide {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);