diff --git a/webUI/react/src/components/NavBar.tsx b/webUI/react/src/components/NavBar.tsx
index 746387d..4348b03 100644
--- a/webUI/react/src/components/NavBar.tsx
+++ b/webUI/react/src/components/NavBar.tsx
@@ -91,8 +91,18 @@ export default function NavBar() {
                         open={open}
                         onClose={handleClose}
                     >
-                        <MenuItem onClick={() => setDarkTheme(true)}>Dark Theme</MenuItem>
-                        <MenuItem onClick={() => setDarkTheme(false)}>Light Theme</MenuItem>
+                        <MenuItem
+                            onClick={() => { setDarkTheme(true); handleClose(); }}
+                        >
+                            Dark Theme
+
+                        </MenuItem>
+                        <MenuItem
+                            onClick={() => { setDarkTheme(false); handleClose(); }}
+                        >
+                            Light Theme
+
+                        </MenuItem>
                     </Menu>
                 </Toolbar>
             </AppBar>