diff --git a/client/src/components/simple-carousel.tsx b/client/src/components/simple-carousel.tsx
index 928104c..b6662ff 100644
--- a/client/src/components/simple-carousel.tsx
+++ b/client/src/components/simple-carousel.tsx
@@ -96,12 +96,12 @@ export default function SimpleCarousel({ category, onVideoClick }: SimpleCarouse
   }, [category.videos.length]);
 
   return (
-    <div className="relative group mb-8">
+    <div className="relative group mb-8 overflow-visible">
       <h2 className="text-2xl font-bold text-bunny-light mb-6 px-4">
         {category.title}
       </h2>
       
-      <div className="relative">
+      <div className="relative overflow-visible">
         {/* Left scroll button */}
         <button
           onClick={() => scroll('left')}
@@ -125,13 +125,13 @@ export default function SimpleCarousel({ category, onVideoClick }: SimpleCarouse
         {/* Scroll container */}
         <div 
           ref={scrollContainerRef}
-          className="overflow-x-auto"
+          className="overflow-x-auto overflow-y-visible"
           style={{ 
             scrollbarWidth: 'none', 
             msOverflowStyle: 'none'
           }}
         >
-          <div className="flex space-x-4 pb-4 w-max">
+          <div className="flex space-x-4 pb-4 w-max overflow-visible">
             {/* Create many copies for infinite feel */}
             {Array.from({ length: 20 }).map((_, copyIndex) => 
               category.videos.map((video, videoIndex) => (