diff --git a/src/components/EventDetailViewer.tsx b/src/components/EventDetailViewer.tsx
index 43c3a70..786aeb7 100644
--- a/src/components/EventDetailViewer.tsx
+++ b/src/components/EventDetailViewer.tsx
@@ -386,7 +386,7 @@ export function EventDetailViewer({ pointer }: EventDetailViewerProps) {
             defaultValue={eventSpells[0]?.id}
             className="flex flex-col h-full"
           >
-            <TabsList className="w-full justify-start rounded-none border-b bg-transparent p-0 h-auto flex-shrink-0 overflow-x-auto overflow-y-hidden">
+            <TabsList className="w-full justify-start rounded-none border-b bg-transparent p-0 h-auto flex-shrink-0 overflow-x-auto overflow-y-hidden scrollbar-hide">
               {eventSpells.map((spell) => {
                 // Extract kinds from spell for display
                 const spellKinds = (() => {
diff --git a/src/components/ProfileViewer.tsx b/src/components/ProfileViewer.tsx
index e8f4707..40b2b5b 100644
--- a/src/components/ProfileViewer.tsx
+++ b/src/components/ProfileViewer.tsx
@@ -714,7 +714,7 @@ export function ProfileViewer({ pubkey }: ProfileViewerProps) {
             defaultValue={pubkeySpells[0]?.id}
             className="flex flex-col h-full"
           >
-            <TabsList className="w-full justify-start rounded-none border-b bg-transparent p-0 h-auto flex-shrink-0 overflow-x-auto overflow-y-hidden">
+            <TabsList className="w-full justify-start rounded-none border-b bg-transparent p-0 h-auto flex-shrink-0 overflow-x-auto overflow-y-hidden scrollbar-hide">
               {pubkeySpells.map((spell) => {
                 // Extract kinds from spell for display
                 const spellKinds = (() => {
diff --git a/src/components/RelayViewer.tsx b/src/components/RelayViewer.tsx
index 6b2b5e1..ea627c7 100644
--- a/src/components/RelayViewer.tsx
+++ b/src/components/RelayViewer.tsx
@@ -315,7 +315,7 @@ export function RelayViewer({ url }: RelayViewerProps) {
             defaultValue={relaySpells[0]?.id}
             className="flex flex-col h-full"
           >
-            <TabsList className="w-full justify-start rounded-none border-b bg-transparent p-0 h-auto flex-shrink-0 overflow-x-auto overflow-y-hidden">
+            <TabsList className="w-full justify-start rounded-none border-b bg-transparent p-0 h-auto flex-shrink-0 overflow-x-auto overflow-y-hidden scrollbar-hide">
               {relaySpells.map((spell) => {
                 // Extract kinds from spell for display
                 const spellKinds = (() => {
diff --git a/src/index.css b/src/index.css
index 611f2c8..ea86ae4 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,6 +5,18 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer utilities {
+  /* Hide scrollbar while maintaining scroll functionality */
+  .scrollbar-hide {
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
+  }
+
+  .scrollbar-hide::-webkit-scrollbar {
+    display: none; /* Chrome, Safari, Opera */
+  }
+}
+
 /* Custom scrollbar styling - uses theme variables */
 * {
   scrollbar-width: thin;