From 1b72519cfab88ff4350f722ac4113936078a1eae Mon Sep 17 00:00:00 2001
From: Cooper Ransom <cooperransom08@outlook.com>
Date: Wed, 10 Apr 2024 20:47:42 -0400
Subject: [PATCH] Perfect padding above the media cards

---
 src/pages/Discover.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Discover.tsx b/src/pages/Discover.tsx
index 68c667d4..e10ede1e 100644
--- a/src/pages/Discover.tsx
+++ b/src/pages/Discover.tsx
@@ -253,7 +253,7 @@ export function Discover() {
             : `${category} Movies`;
     return (
       <div className="relative overflow-hidden mt-2">
-        <h2 className="text-2xl font-bold text-white sm:text-3xl md:text-2xl mx-auto pl-5">
+        <h2 className="text-2xl font-bold text-white sm:text-3xl md:text-2xl mx-auto pl-6">
           {displayCategory}
         </h2>
         <div
@@ -281,7 +281,7 @@ export function Discover() {
                   }`,
                 )
               }
-              className="text-center relative mt-2 ml-[0.285em] mr-[0.2em]"
+              className="text-center relative mt-3 ml-[0.285em] mr-[0.2em]"
               style={{ flex: `0 0 ${movieWidth}` }} // Set a fixed width for each movie
             >
               <div className="relative transition-transform hover:scale-105 duration-[0.45s]">