fix(ui): missing padding

Author: mehdibha

src/components/marketing/explore.tsx

@@ -18,7 +18,7 @@ export const Explore = ({ className }: { className: string }) => {
             <h3 className="category-xl pl-6 font-mono text-xl tracking-widest text-muted-foreground">
               {category.title}
             </h3>
-            <div className="border-l border-muted pb-8 pl-6 pt-4">
+            <div className="border-l border-muted px-6 pb-8 pt-4">
               <DocsList
                 name={category.slug}
                 limit={4}
@@ -33,7 +33,7 @@ export const Explore = ({ className }: { className: string }) => {
           </h3>
           <div
             className={
-              "grid grid-cols-4 gap-2 border-l border-muted pb-1 pl-6 pt-4 sm:grid-cols-8 lg:grid-cols-16"
+              "grid grid-cols-4 gap-2 border-l border-muted px-6 pb-1 pt-4 sm:grid-cols-8 lg:grid-cols-16"
             }
           >
             <IconExemples limit={32} />

src/components/marketing/hero/hero.tsx

@@ -28,7 +28,7 @@ export const Hero = ({ className }: { className?: string }) => {
         <h1 className="mt-4 font-display text-4xl font-bold leading-tight tracking-tight md:text-5xl lg:text-6xl">
           <Balancer>
             Everything you need to build your{" "}
-            <span className="bg-gradient bg-clip-text text-transparent">React app</span>{" "}
+            <span className="bg-gradient bg-clip-text text-transparent">React app</span>
           </Balancer>
         </h1>
         <h2 className="text-md mt-6 text-muted-foreground md:text-lg lg:text-xl">