diff --git a/src/frontend/layouts/nav-top-bar/nav-top-bar.tsx b/src/frontend/layouts/nav-top-bar/nav-top-bar.tsx
index ee8f04a6..93b61f03 100644
--- a/src/frontend/layouts/nav-top-bar/nav-top-bar.tsx
+++ b/src/frontend/layouts/nav-top-bar/nav-top-bar.tsx
@@ -6,13 +6,13 @@
 import { Dropdown, Nav, Navbar } from 'react-bootstrap';
 import { Link } from 'react-router-dom';
 import { routes } from '../../../shared/routes';
-import NavUserMenu from './nav-user-menu/nav-user-menu';
-import NavNotificationsMenu from './nav-notifications-menu/nav-notifications-menu';
-import styles from './nav-top-bar.module.css';
 import { useAuth } from '../../../services/auth.hooks';
 import { fullNamePipe } from '../../../shared/pipes';
 import { useTheme } from '../../../services/theme.hooks';
 import themes from '../../../shared/themes';
+import NavUserMenu from './nav-user-menu/nav-user-menu';
+import NavNotificationsMenu from './nav-notifications-menu/nav-notifications-menu';
+import styles from './nav-top-bar.module.css';
 
 const NavTopBar: React.FC = () => {
   const auth = useAuth();
@@ -39,7 +39,9 @@ const NavTopBar: React.FC = () => {
               {themes
                 .filter((t) => t.name !== theme.name)
                 .map((t) => (
-                  <Dropdown.Item onClick={() => theme.toggleTheme!(t.name)}>{t.name}</Dropdown.Item>
+                  <Dropdown.Item key={t.name} onClick={() => theme.toggleTheme!(t.name)}>
+                    {t.name}
+                  </Dropdown.Item>
                 ))}
             </Dropdown.Menu>
           </Dropdown>