diff --git a/src/components/markdown/MarkdownRender.tsx b/src/components/markdown/MarkdownRender.tsx
index df973d5c3..9b8208872 100644
--- a/src/components/markdown/MarkdownRender.tsx
+++ b/src/components/markdown/MarkdownRender.tsx
@@ -14,8 +14,8 @@ const MarkdownRender: React.FC<MarkdownRenderProps> = (props) => {
     props.rehypePlugin === undefined
       ? []
       : props.rehypePlugin === "rehypeKatex"
-      ? [rehypeKatex]
-      : [rehypeMathjax];
+        ? [rehypeKatex]
+        : [rehypeMathjax];
 
   return (
     <ReactMarkdown
diff --git a/src/layouts/DarkLightToggle.tsx b/src/layouts/DarkLightToggle.tsx
index 8feff13ff..7272c0518 100644
--- a/src/layouts/DarkLightToggle.tsx
+++ b/src/layouts/DarkLightToggle.tsx
@@ -2,10 +2,10 @@ import React from "react";
 
 export default function DarkLightToggle() {
   const [isdark, setIsdark] = React.useState(
-    localStorage.getItem('isdark') === 'true' ? true : false
+    localStorage.getItem("isdark") === "true" ? true : false,
   );
   React.useEffect(() => {
-    localStorage.setItem('isdark', JSON.stringify(isdark));
+    localStorage.setItem("isdark", JSON.stringify(isdark));
   }, [isdark]);
   return (
     <label className="swap swap-rotate">
@@ -17,7 +17,7 @@ export default function DarkLightToggle() {
         data-set-theme="dark"
         data-key="theme"
         checked={isdark}
-        onChange={()=>setIsdark(!isdark)}
+        onChange={() => setIsdark(!isdark)}
       />
       {/* sun icon */}
       <svg
diff --git a/src/layouts/ThemeMenu.tsx b/src/layouts/ThemeMenu.tsx
index e9814f0c4..4e428b241 100644
--- a/src/layouts/ThemeMenu.tsx
+++ b/src/layouts/ThemeMenu.tsx
@@ -9,11 +9,11 @@ interface ThemeMenuProps {
 const ThemeMenu: React.FC<ThemeMenuProps> = (props) => {
   const { t } = useTranslation();
   const [open, setOpen] = React.useState(false);
-  const [theme, setTheme] = React.useState(localStorage.getItem('theme'));
+  const [theme, setTheme] = React.useState(localStorage.getItem("theme"));
   React.useEffect(() => {
-    localStorage.setItem('theme', theme===null?'default':theme);
+    localStorage.setItem("theme", theme === null ? "default" : theme);
   }, [theme]);
-  const themeList = ['default', 'retro', 'cyberpunk', 'valentine', 'aqua'];
+  const themeList = ["default", "retro", "cyberpunk", "valentine", "aqua"];
 
   React.useEffect(() => {
     document?.activeElement instanceof HTMLElement &&
@@ -63,20 +63,22 @@ const ThemeMenu: React.FC<ThemeMenuProps> = (props) => {
           tabIndex={0}
           className="menu dropdown-content z-[2] w-32 rounded-box bg-base-100 p-2 shadow-2xl"
         >
-          {themeList.map((x)=>{
+          {themeList.map((x) => {
             return (
               <li key={x}>
                 <input
-                type="radio"
-                name="theme-dropdown"
-                className="theme-controller btn btn-ghost btn-sm btn-block justify-start font-normal"
-                aria-label={x[0].toUpperCase() + x.slice(1)}
-                value={x}
-                checked={theme===x}
-                onChange={()=>{setTheme(x)}}
+                  type="radio"
+                  name="theme-dropdown"
+                  className="theme-controller btn btn-ghost btn-sm btn-block justify-start font-normal"
+                  aria-label={x[0].toUpperCase() + x.slice(1)}
+                  value={x}
+                  checked={theme === x}
+                  onChange={() => {
+                    setTheme(x);
+                  }}
                 />
               </li>
-            )
+            );
           })}
         </ul>
       </div>