diff --git a/CineSync/static/css/base.css b/CineSync/static/css/base.css
index 17bc9fe..450190c 100644
--- a/CineSync/static/css/base.css
+++ b/CineSync/static/css/base.css
@@ -3,12 +3,4 @@
 }
 body {
     background-color: #0d1d3a;
-}
-html::-webkit-scrollbar {
-  width: 4px;
-}
-html::-webkit-scrollbar-thumb {
-  background-color: #eaeaea;
-  border-radius: 5vw;
-  border: 4px solid #0d1d3a;
 }
\ No newline at end of file
diff --git a/CineSync/static/css/films/films_list.css b/CineSync/static/css/films/films_list.css
index 0bb2953..ff0eb39 100644
--- a/CineSync/static/css/films/films_list.css
+++ b/CineSync/static/css/films/films_list.css
@@ -19,11 +19,12 @@
     height: 40%;
     background-color: rgba(13, 29, 58, 0.8);
     padding: 1vw;
-    border-bottom-left-radius: 3vw;
-    border-bottom-right-radius: 3vw;
+    margin: 0.5vw;
     color: #eaeaea; 
     opacity: 0;
     transition: opacity 0.5s ease;
+    border-radius: 3vw;
+    overflow-y: auto; 
 }
 
 .film_preview_card_text_block h3 {
@@ -32,7 +33,9 @@
     font-size: 1.5vw;
     font-weight: bold;
 }
-
+.film_preview_card_text_block::-webkit-scrollbar {
+    display: none;
+}
 .film_preview_card_text_block p {
     margin-top: 0;
     margin-bottom: 0;
diff --git a/CineSync/static/css/style.css b/CineSync/static/css/style.css
index 9c0f879..b4076a5 100644
--- a/CineSync/static/css/style.css
+++ b/CineSync/static/css/style.css
@@ -125,4 +125,13 @@
 }
 .genre {
     margin-right: 0.5vw;
+}
+
+body::-webkit-scrollbar {
+    width: 8px;
+}
+body::-webkit-scrollbar-thumb {
+    background-color: #eaeaea;
+    border-radius: 5vw;
+    border: 2px solid #0d1d3a;
 }
\ No newline at end of file