diff --git a/src/app/components/AppBar/AppBar.tsx b/src/app/components/AppBar/AppBar.tsx
index e200a8e..8833ff4 100644
--- a/src/app/components/AppBar/AppBar.tsx
+++ b/src/app/components/AppBar/AppBar.tsx
@@ -17,6 +17,7 @@ import { DiscordButton } from "../Discord/DiscordButton";
 import { GitHubButton } from "../Github/GitHubButton";
 import { LoginButton } from "../Login/LoginButton";
 import { PlanModeButton } from "../PlanModeButton/PlanModeButton";
+import { SettingsButton } from "../Settings/SettingsButtons";
 
 function ResponsiveAppBar() {
   const [anchorElNav, setAnchorElNav] = React.useState<null | HTMLElement>(
@@ -101,6 +102,9 @@ function ResponsiveAppBar() {
               <MenuItem onClick={handleCloseNavMenu}>
                 <CCPButton />
               </MenuItem>
+              <MenuItem onClick={handleCloseNavMenu}>
+                <SettingsButton />
+              </MenuItem>
               <MenuItem onClick={handleCloseNavMenu}>
                 <CompactModeButton />
               </MenuItem>
@@ -142,6 +146,7 @@ function ResponsiveAppBar() {
             <DiscordButton />
             <GitHubButton />
             <CCPButton />
+            <SettingsButton />
             <CompactModeButton />
             <PlanModeButton />
           </Box>