Fix sidebar (again)

src/components/Sidebar/Sidebar.tsx

@@ -57,18 +57,29 @@ export default function Sidebar() {
     );
   } else {
     return (
-      <div style={styles.sidebar_wrapper}>
+      <div style={styles.sidebar_container}>
+        <div
+          style={{
+            display: "flex",
+            flexDirection: "row",
+            justifyContent: "flex-end",
+          }}
+        >
           <div
             style={{
               position: "relative",
               display: "flex",
               flexDirection: "column",
+              justifyContent: "flex-start",
             }}
           >
             <SidebarButton onClick={() => navigate("/")} name="Dashboard">
               <HomeIcon size={4} color="white" />
             </SidebarButton>
-          <SidebarButton onClick={() => navigate("/Products")} name="Products">
+            <SidebarButton
+              onClick={() => navigate("/Products")}
+              name="Products"
+            >
               <ProductsIcon size={4} color="white" />
             </SidebarButton>
             <SidebarButton
@@ -80,12 +91,12 @@ export default function Sidebar() {
             <SidebarButton onClick={() => navigate("/Logs")} name="Logs">
               <LogsIcon size={4} color="white" />
             </SidebarButton>
-        </div>
-
             <Logout>
               <LogoutIcon size={4} color="white" />
             </Logout>
           </div>
+        </div>
+      </div>
     );
   }
 }

src/styles.tsx

@@ -141,7 +141,6 @@ const styles: { [key: string]: React.CSSProperties } = {
     paddingLeft: "2vh",
     backgroundColor: "#3d4848",
   },
-  sidebar_wrapper: {},
 };
 
 export default styles;