Remove dotted pattern

Because it adds an unwanted horizontal scroll bar

Author: possibilities

kit-mcp-site/app/docs/layout.tsx

@@ -38,7 +38,7 @@ export default function DocsLayout({
   children: React.ReactNode;
 }) {
   return (
-    <div className="min-h-screen bg-white relative dotted-pattern">
+    <div className="min-h-screen bg-white relative">
       {/* Top Navigation */}
       <nav className="sticky top-0 z-50 w-full border-b-4 border-black bg-white">
         <div className="container flex h-16 items-center px-4">
@@ -102,4 +102,4 @@ export default function DocsLayout({
       </div>
     </div>
   );
-}
+}

kit-mcp-site/app/globals.css

@@ -90,25 +90,6 @@
     background-position: 0 0, 2px 2px;
   }
 
-  
-  .dotted-pattern {
-    position: relative;
-  }
-  
-  .dotted-pattern::before {
-    content: '';
-    position: absolute;
-    top: -8px;
-    left: -8px;
-    right: -8px;
-    bottom: -8px;
-    background-image: radial-gradient(circle, currentColor 1px, transparent 1px);
-    background-size: 8px 8px;
-    opacity: 0.1;
-    pointer-events: none;
-    z-index: -1;
-  }
-  
   .neo-section {
     @apply relative overflow-hidden;
   }

kit-mcp-site/app/page.tsx

@@ -94,7 +94,7 @@ export default function Home() {
   ];
 
   return (
-    <div className="min-h-screen bg-white relative dotted-pattern">
+    <div className="min-h-screen bg-white relative">
       {/* Subtle scan line effect */}
       <div className="scan-line pointer-events-none fixed inset-0 z-0 opacity-30"></div>
       {/* Navigation */}