diff --git a/client/components/cards/cardDetails.css b/client/components/cards/cardDetails.css
index 370cafb76..89f5b80f1 100644
--- a/client/components/cards/cardDetails.css
+++ b/client/components/cards/cardDetails.css
@@ -90,6 +90,10 @@
   transition: flex-basis 0.1s;
   box-sizing: border-box;
 }
+.card-details::-webkit-scrollbar {
+  /* Hide scroll bars from middle of the screen */
+  display: none !important;
+}
 .card-details .mCustomScrollBox {
   padding-left: 0;
 }
diff --git a/client/components/lists/list.css b/client/components/lists/list.css
index 2205af526..f197f7de5 100644
--- a/client/components/lists/list.css
+++ b/client/components/lists/list.css
@@ -148,6 +148,10 @@
   overflow-y: auto;
   padding: 5px 11px;
 }
+.list-body::-webkit-scrollbar {
+  /* Hide scroll bars from middle of the screen */
+  display: none !important;
+}
 .list-body .minicards {
   flex-grow: 1;
   flex-shrink: 0;