diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 2d29d95..d1644c0 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -20,10 +20,10 @@ const router = createBrowserRouter([
             {
                 path: '/play',
                 element: <PlayOptions />,
-                
-            },{
+            },
+            {
                 path: '/game',
-                element: <Game/>
+                element: <Game />,
             },
             { path: '/about', element: <About /> },
         ],
@@ -31,7 +31,7 @@ const router = createBrowserRouter([
 ]);
 
 function App() {
-   return <RouterProvider router={router}/>
+    return <RouterProvider router={router} />;
 }
 
 export default App;
diff --git a/frontend/src/Navbar.tsx b/frontend/src/Navbar.tsx
index 91ea2f0..753ba46 100644
--- a/frontend/src/Navbar.tsx
+++ b/frontend/src/Navbar.tsx
@@ -1,11 +1,7 @@
 import './index.css';
 
 function Navbar() {
-    return (
-        <div className='flex flex-row'>
-            Navbar
-        </div>
-    )
+    return <div className="flex flex-row">Navbar</div>;
 }
 
-export default Navbar
+export default Navbar;
diff --git a/frontend/src/library/button.tsx b/frontend/src/library/button.tsx
index 5dba089..d9f5396 100644
--- a/frontend/src/library/button.tsx
+++ b/frontend/src/library/button.tsx
@@ -8,16 +8,10 @@
 type ButtonProps = {
     onClick: () => void;
     children: React.ReactNode;
-}
+};
 
-function Button({onClick, children}:ButtonProps) {
-    return (
-        <button onClick={onClick}>
-            {
-                children
-            }
-        </button>
-    )
+function Button({ onClick, children }: ButtonProps) {
+    return <button onClick={onClick}>{children}</button>;
 }
 
-export default Button
+export default Button;
diff --git a/frontend/src/library/input.module.css b/frontend/src/library/input.module.css
index 4579f33..d5e3426 100644
--- a/frontend/src/library/input.module.css
+++ b/frontend/src/library/input.module.css
@@ -1,2 +1 @@
-
-/* rules defined in this file are scoped to the js/ts file importing this.  */
\ No newline at end of file
+/* rules defined in this file are scoped to the js/ts file importing this.  */
diff --git a/frontend/src/pages/About.tsx b/frontend/src/pages/About.tsx
index 60ae277..8cf6f12 100644
--- a/frontend/src/pages/About.tsx
+++ b/frontend/src/pages/About.tsx
@@ -1,14 +1,10 @@
-
-
 function About() {
     return (
         <>
-        <h1>
-            About this project
-        </h1>
-        <p>This project was developed as a part of CSOC, IIT(BHU)</p>
+            <h1>About this project</h1>
+            <p>This project was developed as a part of CSOC, IIT(BHU)</p>
         </>
-    )
+    );
 }
 
-export default About
+export default About;
diff --git a/frontend/src/pages/AppLayout.tsx b/frontend/src/pages/AppLayout.tsx
index 33e1bcf..26aaa2e 100644
--- a/frontend/src/pages/AppLayout.tsx
+++ b/frontend/src/pages/AppLayout.tsx
@@ -1,15 +1,14 @@
-import { Outlet } from "react-router-dom"
-import Navbar from "../Navbar"
-
+import { Outlet } from 'react-router-dom';
+import Navbar from '../Navbar';
 
 function AppLayout() {
     return (
         <div>
-            <Navbar/>
-            <Outlet/>
+            <Navbar />
+            <Outlet />
             {/* todo: Add a footer component */}
         </div>
-    )
+    );
 }
 
-export default AppLayout
+export default AppLayout;
diff --git a/frontend/src/pages/Error.tsx b/frontend/src/pages/Error.tsx
index b5b6344..7a93fd7 100644
--- a/frontend/src/pages/Error.tsx
+++ b/frontend/src/pages/Error.tsx
@@ -1,5 +1,4 @@
-import { Link } from "react-router-dom"
-
+import { Link } from 'react-router-dom';
 
 function Error() {
     return (
@@ -7,7 +6,7 @@ function Error() {
             This page does not exist!
             <Link to="home">Go back to homepage</Link>
         </div>
-    )
+    );
 }
 
-export default Error
+export default Error;
diff --git a/frontend/src/pages/Game.tsx b/frontend/src/pages/Game.tsx
index 5b8c6ff..233c599 100644
--- a/frontend/src/pages/Game.tsx
+++ b/frontend/src/pages/Game.tsx
@@ -1,11 +1,9 @@
-
-
 function Game() {
     return (
         <div>
             <div>X's turn</div>
         </div>
-    )
+    );
 }
 
-export default Game
+export default Game;
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 4e550d0..2f1b13a 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -1,4 +1,4 @@
-import { Link } from "react-router-dom"
+import { Link } from 'react-router-dom';
 
 function Home() {
     return (
@@ -9,4 +9,4 @@ function Home() {
     );
 }
 
-export default Home
+export default Home;
diff --git a/frontend/src/pages/PlayOptions.tsx b/frontend/src/pages/PlayOptions.tsx
index f3809e0..6600ba6 100644
--- a/frontend/src/pages/PlayOptions.tsx
+++ b/frontend/src/pages/PlayOptions.tsx
@@ -5,7 +5,7 @@ import Button from '../library/button';
 function PlayOptions() {
     const navigate = useNavigate();
     function handleCreateGame() {
-        console.log("Creating a new game")
+        console.log('Creating a new game');
         navigate('/game');
     }