diff --git a/package-lock.json b/package-lock.json
index 6ff0ec4..aa6a116 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,6 +22,7 @@
                 "react": "^18.2.0",
                 "react-dom": "^18.2.0",
                 "react-firebase-hooks": "^5.1.1",
+                "react-icons": "^5.0.1",
                 "react-joyride": "^2.7.2",
                 "react-router": "^6.21.2",
                 "react-router-dom": "^6.21.2",
@@ -19498,6 +19499,14 @@
                 "is-lite": "^0.8.2"
             }
         },
+        "node_modules/react-icons": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.0.1.tgz",
+            "integrity": "sha512-WqLZJ4bLzlhmsvme6iFdgO8gfZP17rfjYEJ2m9RsZjZ+cc4k1hTzknEz63YS1MeT50kVzoa1Nz36f4BEx+Wigw==",
+            "peerDependencies": {
+                "react": "*"
+            }
+        },
         "node_modules/react-innertext": {
             "version": "1.1.5",
             "resolved": "https://registry.npmjs.org/react-innertext/-/react-innertext-1.1.5.tgz",
diff --git a/package.json b/package.json
index 3e0734a..e300508 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-firebase-hooks": "^5.1.1",
+        "react-icons": "^5.0.1",
         "react-joyride": "^2.7.2",
         "react-router": "^6.21.2",
         "react-router-dom": "^6.21.2",
@@ -25,7 +26,7 @@
         "web-vitals": "^2.1.4"
     },
     "scripts": {
-        "start": "react-scripts start", 
+        "start": "react-scripts start",
         "build": "CI=false react-scripts build",
         "test": "react-scripts test",
         "eject": "react-scripts eject"
@@ -54,4 +55,4 @@
             "last 1 safari version"
         ]
     }
-}
\ No newline at end of file
+}
diff --git a/src/components/Dashboard/Dashboard.js b/src/components/Dashboard/Dashboard.js
index defce74..fb0356b 100644
--- a/src/components/Dashboard/Dashboard.js
+++ b/src/components/Dashboard/Dashboard.js
@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
 import { useNavigate } from "react-router";
 import "./Dashboard.css";
 import { Button, ConfigProvider, Dropdown, Space, Form, Input, Layout, Menu, Modal, Select, Image, theme } from "antd";
-import { DownOutlined } from '@ant-design/icons';
+import { BiLogOut } from "react-icons/bi";
 
 import Joyride from 'react-joyride';
 import {
@@ -196,14 +196,14 @@ function Dashboard() {
             return;
         }
         RequestUtils.get('/retrieve?id=' + user.uid).then((response) => response.json())
-        .then((data) => {
-            console.log(data)
-            if (data.status == 200) {
-                setSignup(false);
-            } else {
-                setSignup(true);
-            }
-        });
+            .then((data) => {
+                console.log(data)
+                if (data.status == 200) {
+                    setSignup(false);
+                } else {
+                    setSignup(true);
+                }
+            });
 
     });
 
@@ -439,7 +439,7 @@ function Dashboard() {
                                 },
                                 {
                                     key: "4",
-                                    icon: <LogoutOutlined />,
+                                    icon: <BiLogOut style={{rotate:180}} />,
                                     label: "Logout",
                                     onClick: () => {
                                         logout();
@@ -462,7 +462,9 @@ function Dashboard() {
                                 height: 0,
                             }}
                         >
+                            <Menu>
 
+                            </Menu>
                         </Header>
                         <Content
                             style={{