diff --git a/client/src/components/simple-carousel.tsx b/client/src/components/simple-carousel.tsx
index c84f2df..9549569 100644
--- a/client/src/components/simple-carousel.tsx
+++ b/client/src/components/simple-carousel.tsx
@@ -101,7 +101,7 @@ export default function SimpleCarousel({ category, onVideoClick }: SimpleCarouse
         {category.title}
       </h2>
       
-      <div className="relative" style={{ overflow: 'visible' }}>
+      <div className="relative -mx-8 px-8" style={{ overflow: 'visible' }}>
         {/* Left scroll button */}
         <button
           onClick={() => scroll('left')}
@@ -125,14 +125,14 @@ export default function SimpleCarousel({ category, onVideoClick }: SimpleCarouse
         {/* Scroll container */}
         <div 
           ref={scrollContainerRef}
-          className="overflow-x-auto"
+          className="overflow-x-auto -mx-4 px-4"
           style={{ 
             overflowY: 'visible',
             scrollbarWidth: 'none', 
             msOverflowStyle: 'none'
           }}
         >
-          <div className="flex space-x-4 pb-4 w-max" style={{ overflow: 'visible' }}>
+          <div className="flex space-x-4 pb-4 w-max -my-4 py-4" style={{ overflow: 'visible' }}>
             {/* Create many copies for infinite feel */}
             {Array.from({ length: 20 }).map((_, copyIndex) => 
               category.videos.map((video, videoIndex) => (