diff --git a/src/utils/discoverContent.tsx b/src/utils/discoverContent.tsx
index 5f4b4465..8486573f 100644
--- a/src/utils/discoverContent.tsx
+++ b/src/utils/discoverContent.tsx
@@ -1011,7 +1011,7 @@ export function DiscoverContent() {
         {/* Render Movies */}
         {selectedCategory === "movies" && (
           <>
-            <div className="flex justify-center overflow-x-auto">
+            <div className="flex justify-center overflow-x-auto -mx-6">
               {isMobile && (
                 <div className="">
                   {renderScrollButton("providers", "left")}
@@ -1035,7 +1035,7 @@ export function DiscoverContent() {
                 </div>
               )}
             </div>
-            <div className="flex mb-4 overflow-x-auto">
+            <div className="flex mb-4 overflow-x-auto -mx-6">
               <div className="">{renderScrollButton("movies", "left")}</div>
               <div
                 id="button-carousel-movies"
@@ -1058,7 +1058,7 @@ export function DiscoverContent() {
         {/* Render Shows */}
         {selectedCategory === "tvshows" && (
           <>
-            <div className="flex justify-center overflow-x-auto">
+            <div className="flex justify-center overflow-x-auto -mx-6">
               {isMobile && (
                 <div className="">
                   {renderScrollButton("tv-providers", "left")}
@@ -1082,7 +1082,7 @@ export function DiscoverContent() {
                 </div>
               )}
             </div>
-            <div className="flex mb-4 overflow-x-auto">
+            <div className="flex mb-4 overflow-x-auto -mx-6">
               <div className="">{renderScrollButton("tvshows", "left")}</div>
               <div
                 id="button-carousel-tvshows"