diff --git a/src/routes/userRoute.tsx b/src/routes/userRoute.tsx
index 66530baf..2ba95c4d 100644
--- a/src/routes/userRoute.tsx
+++ b/src/routes/userRoute.tsx
@@ -4,33 +4,33 @@ import { useNavigate } from 'react-router-dom';
 import { useGlobalInfoStore } from "../context/globalInfo";
 
 interface UserRouteProps {
-  children: ReactNode;
+    children: ReactNode;
 }
 
 const UserRoute: React.FC<UserRouteProps> = ({ children }) => {
-  const [ok, setOk] = useState(true);
-  const navigate = useNavigate(); 
+    const [ok, setOk] = useState(true);
+    const navigate = useNavigate();
 
-  const { notify } = useGlobalInfoStore();
-  useEffect(() => {
-    fetchUser();
-  }, []);
+    const { notify } = useGlobalInfoStore();
+    useEffect(() => {
+        fetchUser();
+    }, []);
 
-  const fetchUser = async () => {
-    try {
-      const { data } = await axios.get('/api/current-user');
-      if (data.ok) {
-        setOk(true); 
-      }
-    } catch (err: any) {
-      setOk(false);  
-      notify('error', err.message || 'Please login again to continue');
-      navigate('/'); 
-    }
-  };
+    const fetchUser = async () => {
+        try {
+            const { data } = await axios.get('/api/current-user');
+            if (data.ok) {
+                setOk(true);
+            }
+        } catch (err: any) {
+            setOk(false);
+            notify('error', err.message || 'Please login again to continue');
+            navigate('/');
+        }
+    };
 
-  // Display loading message while fetching user data
-  return <div>{!ok ? <p>Loading...</p> : <>{children}</>}</div>;
+    // Display loading message while fetching user data
+    return <div>{!ok ? <p>Loading...</p> : <>{children}</>}</div>;
 };
 
 export default UserRoute;