Merged sidebar logout button style with other sidebar buttons

src/Components/Logout/Logout.tsx

@@ -25,12 +25,12 @@ export default function Logout(props: props) {
   }
 
   return (
-    <div style={{ paddingTop: "40vh" }}>
+    <div>
       <Button
         onClick={logout}
         value="Log out"
         variant="contained"
-        style={styles.logout_button}
+        style={styles.sidebar_button}
       >
         {props.children}
         <p style={{ ...styles.text_white, ...styles.text_S }}>Log Out</p>

src/styles.tsx

@@ -102,19 +102,6 @@ const styles: { [key: string]: React.CSSProperties } = {
     borderRadius: 16,
     margin: 4,
   },
-  logout_button: {
-    backgroundColor: "#0b2322",
-    width: "14rem",
-    height: "3rem",
-    border: "none",
-    padding: 8,
-    borderRadius: 16,
-    borderTopLeftRadius: 32,
-    borderBottomLeftRadius: 32,
-    borderTopRightRadius: 0,
-    borderBottomRightRadius: 0,
-    justifyContent: "left",
-  },
   sidebar_button: {
     backgroundColor: "#0b2322",
     width: "14rem",