diff --git a/backend/src/components/Header.tsx b/backend/src/components/Header.tsx
index 4fdf507..cde238c 100644
--- a/backend/src/components/Header.tsx
+++ b/backend/src/components/Header.tsx
@@ -419,7 +419,7 @@ const Header: React.FC<HeaderProps> = ({ hidden, hideSearch }) => {
             <Drawer open={isSideMenuOpen} onClose={handleSideMenuClose}>
               <ul className={styles.menu}>
                 <li>
-                  <Link href="/orders" className={styles.menuItem} onClick={() => setSideAnchorEl(null)}>
+                  <Link href="/orders" className={styles.menuItem} onClick={handleSideMenuClose}>
 
                     <OrdersIcon className={styles.menuItemIcon} />
                     <span className={styles.menuItemText}>{strings.ORDERS}</span>
@@ -429,7 +429,7 @@ const Header: React.FC<HeaderProps> = ({ hidden, hideSearch }) => {
                 {isSignedIn &&
                   <>
                     <li>
-                      <Link href="/categories" className={styles.menuItem} onClick={() => setSideAnchorEl(null)}>
+                      <Link href="/categories" className={styles.menuItem} onClick={handleSideMenuClose}>
 
                         <CategoriesIcon className={styles.menuItemIcon} />
                         <span className={styles.menuItemText}>{strings.CATEGORIES}</span>
@@ -437,7 +437,7 @@ const Header: React.FC<HeaderProps> = ({ hidden, hideSearch }) => {
                       </Link>
                     </li>
                     <li>
-                      <Link href="/products" className={styles.menuItem} onClick={() => setSideAnchorEl(null)}>
+                      <Link href="/products" className={styles.menuItem} onClick={handleSideMenuClose}>
 
                         <ProductsIcon className={styles.menuItemIcon} />
                         <span className={styles.menuItemText}>{strings.PRODUCTS} </span>
@@ -445,7 +445,7 @@ const Header: React.FC<HeaderProps> = ({ hidden, hideSearch }) => {
                       </Link>
                     </li>
                     <li>
-                      <Link href="/users" className={styles.menuItem} onClick={() => setSideAnchorEl(null)}>
+                      <Link href="/users" className={styles.menuItem} onClick={handleSideMenuClose}>
 
                         <UsersIcon className={styles.menuItemIcon} />
                         <span className={styles.menuItemText}>{strings.USERS}</span>
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index 67410e2..6bc3a67 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -422,11 +422,11 @@ const Header: React.FC<HeaderProps> = ({ hidden, hideSearch, hideCart, hideNotif
             </div>
           }
 
-          <React.Fragment>
+          <>
             <Drawer open={isSideMenuOpen} onClose={handleSideMenuClose}>
               <ul className={styles.menu}>
                 <li>
-                  <Link href="/" className={styles.menuItem}>
+                  <Link href="/" className={styles.menuItem} onClick={handleSideMenuClose}>
 
                     <HomeIcon className={styles.menuItemIcon} />
                     <span className={styles.menuItemText}>{strings.HOME}</span>
@@ -435,7 +435,7 @@ const Header: React.FC<HeaderProps> = ({ hidden, hideSearch, hideCart, hideNotif
                 </li>
                 {isSignedIn &&
                   <li>
-                    <Link href="/orders" className={styles.menuItem}>
+                    <Link href="/orders" className={styles.menuItem} onClick={handleSideMenuClose}>
 
                       <OrdersIcon className={styles.menuItemIcon} />
                       <span className={styles.menuItemText}>{strings.ORDERS}</span>
@@ -445,7 +445,7 @@ const Header: React.FC<HeaderProps> = ({ hidden, hideSearch, hideCart, hideNotif
                 }
                 {!isSignedIn && env.isMobile() &&
                   <li>
-                    <Link href="/sign-in" className={styles.menuItem}>
+                    <Link href="/sign-in" className={styles.menuItem} onClick={handleSideMenuClose}>
 
                       <LoginIcon className={styles.menuItemIcon} />
                       <span className={styles.menuItemText}>{strings.SIGN_IN}</span>
@@ -455,7 +455,7 @@ const Header: React.FC<HeaderProps> = ({ hidden, hideSearch, hideCart, hideNotif
                 }
               </ul>
             </Drawer>
-          </React.Fragment>
+          </>
 
           <div style={classes.grow} />