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;
 }