diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
index a7f53a5..041ebe5 100644
--- a/src/components/Sidebar/Sidebar.tsx
+++ b/src/components/Sidebar/Sidebar.tsx
@@ -20,26 +20,38 @@ export default function Sidebar() {
   const logged_in = useSelector((state: state) => state.logged_in.value);
   if (!logged_in) {
     return (
-      <div style={styles.sidebar_wrapper}>
+      <div style={styles.sidebar_container}>
         <div
           style={{
-            position: "relative",
             display: "flex",
-            flexDirection: "column",
+            flexDirection: "row",
+            justifyContent: "flex-end",
           }}
         >
-          <SidebarButton onClick={() => navigate("/")} name="Dashboard">
-            <HomeIcon size={4} color="white" />
-          </SidebarButton>
-          <SidebarButton onClick={() => navigate("/Products")} name="Products">
-            <ProductsIcon size={4} color="white" />
-          </SidebarButton>
-          <SidebarButton
-            onClick={() => navigate("/Inventory")}
-            name="Inventory"
+          <div
+            style={{
+              position: "relative",
+              display: "flex",
+              flexDirection: "column",
+              justifyContent: "flex-start",
+            }}
           >
-            <InventoryIcon size={4} color="white" />
-          </SidebarButton>
+            <SidebarButton onClick={() => navigate("/")} name="Dashboard">
+              <HomeIcon size={4} color="white" />
+            </SidebarButton>
+            <SidebarButton
+              onClick={() => navigate("/Products")}
+              name="Products"
+            >
+              <ProductsIcon size={4} color="white" />
+            </SidebarButton>
+            <SidebarButton
+              onClick={() => navigate("/Inventory")}
+              name="Inventory"
+            >
+              <InventoryIcon size={4} color="white" />
+            </SidebarButton>
+          </div>
         </div>
       </div>
     );
diff --git a/src/styles.tsx b/src/styles.tsx
index 57931d9..1889803 100644
--- a/src/styles.tsx
+++ b/src/styles.tsx
@@ -139,14 +139,13 @@ const styles: { [key: string]: React.CSSProperties } = {
     display: "flex",
     flexDirection: "column",
   },
-  sidebar_wrapper: {
-    display: "flex",
-    flexDirection: "column",
+  sidebar_container: {
     height: "100vh",
     width: "100%",
     paddingLeft: "2vh",
     backgroundColor: "#3d4848",
   },
+  sidebar_wrapper: {},
 };
 
 export default styles;