diff --git a/docs/src/app/components/pages/home.tsx b/docs/src/app/components/pages/home.tsx
index e57de9b..273b3d2 100644
--- a/docs/src/app/components/pages/home.tsx
+++ b/docs/src/app/components/pages/home.tsx
@@ -23,7 +23,7 @@ import Link from "next/link";
 export default async function Home() {
   return (
     <>
-      <div className="relative">
+      <div className="relative home">
         <GridPattern />
         <div className="px-4 pt-16 pb-8 sm:pt-24 lg:px-8">
           <div className="flex w-full flex-col items-center justify-between">
diff --git a/docs/src/app/components/pages/styles.css b/docs/src/app/components/pages/styles.css
index 13888af..9389e73 100644
--- a/docs/src/app/components/pages/styles.css
+++ b/docs/src/app/components/pages/styles.css
@@ -1,7 +1,7 @@
-article {
-  padding-inline: 0 !important;
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
+article:has(.home) {
+  padding-inline: 0;
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
 article div.x\:mt-16:last-child:empty {