diff --git a/src/components/Account/Account.jsx b/src/components/Account/Account.jsx
index 7dad133..ecb7cce 100644
--- a/src/components/Account/Account.jsx
+++ b/src/components/Account/Account.jsx
@@ -10,6 +10,10 @@ import "./Account.css";
 function Account({ userName, userEmail, profilePic }) {
     const navigate = useNavigate();
 
+    const signOut = () => {
+        navigate("/");
+    };
+
     return (
         <div>
             <AppBar />
@@ -85,6 +89,7 @@ function Account({ userName, userEmail, profilePic }) {
                         variant="contained"
                         color="error"
                         style={{ marginTop: '20px', width: '100%', marginBottom: '20px' }}
+                        onClick={signOut}
                     >
                         Sign Out
                     </Button>