From 5aaea34bd6ffe2a94c56e536d3444a9f5d993e95 Mon Sep 17 00:00:00 2001
From: CGK <cgkckk20022006@gmail.com>
Date: Wed, 30 Oct 2024 13:58:41 +0530
Subject: [PATCH] bug(ui): Implemented scroll bar to prevent overflow (#1531)

---
 Website/css/Feedback.css | 22 +++++++++++++++++++++-
 Website/css/styles.css   | 20 ++++++++++++++++++++
 2 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/Website/css/Feedback.css b/Website/css/Feedback.css
index db94947f6..ac42121c6 100644
--- a/Website/css/Feedback.css
+++ b/Website/css/Feedback.css
@@ -400,8 +400,18 @@
       color: white;
       animation: slideInRight 0.3s ease-in-out;
       transition: background-color 0.3s ease;
+      overflow-y: scroll;
   }
-  
+
+  #languages::-webkit-scrollbar {
+      width: 20px;
+  }
+
+  #languages::-webkit-scrollbar-track {
+      background: #121245;
+      border-radius: 15px;
+  }
+
   #languages:hover {
       background-color: #0D6EFD; 
   }
@@ -468,8 +478,18 @@
       color: white;
       animation: slideInRight 1s ease-in-out;
       transition: background-color 0.3s ease;
+      overflow-y: scroll;
   }
   
+  #milestone::-webkit-scrollbar {
+     width: 20px;
+  }
+
+  #milestone::-webkit-scrollbar-track {
+     background: #121245;
+     border-radius: 15px;
+  }
+
   #milestone:hover {
       background-color: #0D6EFD; 
   }
diff --git a/Website/css/styles.css b/Website/css/styles.css
index 5d1976769..cdc30383f 100644
--- a/Website/css/styles.css
+++ b/Website/css/styles.css
@@ -421,6 +421,16 @@ div {
     color: white;
     animation: slideInRight 0.3s ease-in-out;
     transition: background-color 0.3s ease;
+    overflow-y: scroll;
+}
+
+#languages::-webkit-scrollbar {
+    width: 20px;
+}
+
+#languages::-webkit-scrollbar-track {
+    background: #121245;
+    border-radius: 15px;
 }
 
 #languages:hover {
@@ -489,6 +499,16 @@ div {
     color: white;
     animation: slideInRight 1s ease-in-out;
     transition: background-color 0.3s ease;
+    overflow-y: scroll;
+}
+
+#milestone::-webkit-scrollbar {
+    width: 20px;
+}
+
+#milestone::-webkit-scrollbar-track {
+    background: #121245;
+    border-radius: 15px;
 }
 
 #milestone:hover {