diff --git a/src/components/layouts/dashboard/headerWithSidebar/index.jsx b/src/components/layouts/dashboard/headerWithSidebar/index.jsx
index 68f4bc6..0b77983 100644
--- a/src/components/layouts/dashboard/headerWithSidebar/index.jsx
+++ b/src/components/layouts/dashboard/headerWithSidebar/index.jsx
@@ -2,7 +2,7 @@
 import SidebarMenu from "@/core/components/SidebarMenu";
 import ChevronRightIcon from "@mui/icons-material/ChevronRight";
 import MenuIcon from "@mui/icons-material/Menu";
-import { Box, Drawer, IconButton, Stack, styled, Toolbar } from "@mui/material";
+import { Box, Drawer, IconButton, Stack, styled, Toolbar, Typography } from "@mui/material";
 import MuiAppBar from "@mui/material/AppBar";
 import { useState } from "react";
 import HeaderMenu from "./HeaderMenu";
@@ -103,6 +103,7 @@ const HeaderWithSidebar = ({ children }) => {
                     </IconButton>
                 </DrawerHeader>
                 <SidebarMenu />
+                <Typography textAlign={'center'} variant="caption" sx={{ py: .2, fontFamily: 'sans-serif' }}>v{process.env.NEXT_PUBLIC_VERSION}</Typography>
             </Drawer>
             <Main open={open} sx={{ height: "100%", width: "100%", overflow: "hidden" }}>
                 <DrawerHeader />
diff --git a/src/core/components/SidebarMenu.jsx b/src/core/components/SidebarMenu.jsx
index 625972a..736b032 100644
--- a/src/core/components/SidebarMenu.jsx
+++ b/src/core/components/SidebarMenu.jsx
@@ -35,48 +35,48 @@ function reducer(state, action) {
             return state.map((item) =>
                 action.id == item.id
                     ? {
-                          ...item,
-                          showSubitems: !item.showSubitems,
-                      }
+                        ...item,
+                        showSubitems: !item.showSubitems,
+                    }
                     : item
             );
         case "COLLAPSE_SUB_ITEMS":
             return state.map((item) => {
                 return item.hasSubitems
                     ? {
-                          ...item,
-                          Subitems: item.Subitems.map((subitem) =>
-                              action.id === subitem.id
-                                  ? {
-                                        ...subitem,
-                                        showSubitems: !subitem.showSubitems,
-                                    }
-                                  : subitem
-                          ),
-                      }
+                        ...item,
+                        Subitems: item.Subitems.map((subitem) =>
+                            action.id === subitem.id
+                                ? {
+                                    ...subitem,
+                                    showSubitems: !subitem.showSubitems,
+                                }
+                                : subitem
+                        ),
+                    }
                     : item;
             });
         case "COLLAPSE_SUB_SECOND_ITEMS":
             return state.map((item) => {
                 return item.hasSubitems
                     ? {
-                          ...item,
-                          Subitems: item.Subitems.map((subitem) => {
-                              return subitem.hasSubitems
-                                  ? {
-                                        ...subitem,
-                                        Subitems: subitem.Subitems.map((secondSubitem) =>
-                                            action.id === secondSubitem.id
-                                                ? {
-                                                      ...secondSubitem,
-                                                      showSubitems: !secondSubitem.showSubitems,
-                                                  }
-                                                : secondSubitem
-                                        ),
-                                    }
-                                  : subitem;
-                          }),
-                      }
+                        ...item,
+                        Subitems: item.Subitems.map((subitem) => {
+                            return subitem.hasSubitems
+                                ? {
+                                    ...subitem,
+                                    Subitems: subitem.Subitems.map((secondSubitem) =>
+                                        action.id === secondSubitem.id
+                                            ? {
+                                                ...secondSubitem,
+                                                showSubitems: !secondSubitem.showSubitems,
+                                            }
+                                            : secondSubitem
+                                    ),
+                                }
+                                : subitem;
+                        }),
+                    }
                     : item;
             });
         case "SELECTED":
@@ -113,7 +113,7 @@ const SidebarMenu = () => {
 
     return (
         userPermissions && (
-            <List sx={{ overflow: "auto" }} disablePadding dense>
+            <List sx={{ overflow: "auto", flex: 1 }} disablePadding dense>
                 {menuItems.map((menuItem) => {
                     return <SidebarListItems dispatch={dispatch} key={menuItem.id} menuItem={menuItem} />;
                 })}