diff --git a/style.css b/style.css
index 300216a..2752c6f 100644
--- a/style.css
+++ b/style.css
@@ -61,10 +61,24 @@ main {
 
 #messages-container {
     flex: 1;
-    /* overflow-y: auto; */
+    overflow-y: auto; /* Allow vertical scrolling */
+    overflow-x: hidden; /* Hide horizontal scrolling */
     width: 100%;
 }
 
+#messages-container::-webkit-scrollbar {
+    width: 8px; /* Set the width of the scrollbar */
+}
+
+#messages-container::-webkit-scrollbar-thumb {
+    background-color: #b0d944; /* Set the color of the scrollbar thumb */
+    border-radius: 10px; /* Round the corners of the scrollbar thumb */
+}
+
+#messages-container::-webkit-scrollbar-track {
+    background: #2e2e2e; /* Set the color of the scrollbar track */
+}
+
 #message-form {
     display: flex;
     margin-top: 1rem;