diff --git a/src/components/particle/index.tsx b/src/components/particle/index.tsx
index e596a47..81a4675 100644
--- a/src/components/particle/index.tsx
+++ b/src/components/particle/index.tsx
@@ -40,7 +40,7 @@ export default function Particle() {
           value: "",
         },
       },
-      fpsLimit: 120,
+      fpsLimit: 60,
       interactivity: {
         events: {
           onClick: {
diff --git a/src/layout/index.tsx b/src/layout/index.tsx
index 8213980..3a3ee96 100644
--- a/src/layout/index.tsx
+++ b/src/layout/index.tsx
@@ -5,18 +5,20 @@ import Particle from "../components/particle";
 
 const Layout = () => {
   return (
-    <div
-      className={`relative bg-noisy w-full flex flex-col justify-between min-h-screen`}
-    >
+    <>
       <Particle />
-      <div className="relative w-full h-full">
-        <Header />
-        <main className="w-full h-full px-5 py-0">
-          <Outlet />
-        </main>
+      <div
+        className={`relative bg-noisy w-full flex flex-col justify-between min-h-screen`}
+      >
+        <div className="relative w-full h-full">
+          <Header />
+          <main className="w-full h-full px-5 py-0">
+            <Outlet />
+          </main>
+        </div>
+        <Footer />
       </div>
-      <Footer />
-    </div>
+    </>
   );
 };