From 44bc211e4be7a3cb51116dd4d0fc49630493bdec Mon Sep 17 00:00:00 2001
From: keannu125 <noehbernasol0@gmail.com>
Date: Tue, 7 Mar 2023 17:24:08 +0800
Subject: [PATCH] Fixed sidebar buttons not scaling properly

---
 src/styles.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/styles.tsx b/src/styles.tsx
index 24f7464..9615241 100644
--- a/src/styles.tsx
+++ b/src/styles.tsx
@@ -104,8 +104,8 @@ const styles: { [key: string]: React.CSSProperties } = {
   },
   logout_button: {
     backgroundColor: "#0b2322",
-    width: "30vh",
-    height: "6vh",
+    width: "14rem",
+    height: "3rem",
     border: "none",
     padding: 8,
     borderRadius: 16,
@@ -117,8 +117,8 @@ const styles: { [key: string]: React.CSSProperties } = {
   },
   sidebar_button: {
     backgroundColor: "#0b2322",
-    width: "30vh",
-    height: "6vh",
+    width: "14rem",
+    height: "3rem",
     border: "none",
     padding: 8,
     paddingRight: "32",
@@ -169,7 +169,7 @@ const styles: { [key: string]: React.CSSProperties } = {
   sidebar_container: {
     height: "100vh",
     width: "100%",
-    paddingLeft: "2vh",
+    paddingLeft: "2rem",
     backgroundColor: "#3d4848",
   },
 };