diff --git a/vue/src/assets/styles.css b/vue/src/assets/styles.css
index 37c4a70..fcc5b10 100644
--- a/vue/src/assets/styles.css
+++ b/vue/src/assets/styles.css
@@ -101,8 +101,30 @@
 /* ELEMENTS */
 body {
     margin: 0 auto;
-    width: 100vw;
+    width: 100%;
     height: 100vh;
+    overflow-x: hidden;
+    scrollbar-width: thin;
+    scrollbar-color: var(--primary) var(--bg_secondary);
+}
+
+/* Chrome/Edge scrollbar styling */
+::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+}
+
+::-webkit-scrollbar-track {
+    background: var(--bg_secondary);
+}
+
+::-webkit-scrollbar-thumb {
+    background: var(--quaternary);
+    border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: var(--primary);
 }
 
 input {