Put the linkitems in a box

Author: jackturner106

src/frontend/src/layouts/Sidebar/Sidebar.tsx

@@ -79,11 +79,13 @@ const Sidebar: React.FC<SideBarProps> = ({ open, handleDrawerClose }) => {
         flex={1}
         justifyContent={'space-between'}
       >
-        {linkItems.map((linkItem) => (
-          <NavPageLink {...linkItem} open={open} />
-        ))}
+        <Box>
+          {linkItems.map((linkItem) => (
+            <NavPageLink {...linkItem} open={open} />
+          ))}
+        </Box>
+        <Typography className={styles.versionNumber}>4.0.0</Typography>
       </Box>
-      <Typography className={styles.versionNumber}>4.0.0</Typography>
     </NERDrawer>
   );
 };

src/frontend/src/stylesheets/layouts/sidebar/sidebar.module.css

@@ -18,5 +18,5 @@
   text-align: center;
   color: #ffffff;
   width: 100%;
-  padding-bottom: 3em;
+  padding-bottom: 2em;
 }