diff --git a/src/components/AccssibilityBox/AccessibilityBox.tsx b/src/components/AccssibilityBox/AccessibilityBox.tsx
index c6df02a..82bc59e 100644
--- a/src/components/AccssibilityBox/AccessibilityBox.tsx
+++ b/src/components/AccssibilityBox/AccessibilityBox.tsx
@@ -1,9 +1,12 @@
 "use client";
+import { useEffect } from "react";
 import Floaty from "../Floaty/Floaty";
 
 export default function AccessibilityBox() {
-  if (window.localStorage.getItem("a11y"))
-    document.body.parentElement?.classList.add("a11y");
+  useEffect(() => {
+    if (window.localStorage.getItem("a11y"))
+      document.body.parentElement?.classList.add("a11y");
+  }, []);
   return (
     <Floaty top>
       <input