diff --git a/client/components/cards/cardDetails.css b/client/components/cards/cardDetails.css
index 4bb8bf8cb..f18fcb962 100644
--- a/client/components/cards/cardDetails.css
+++ b/client/components/cards/cardDetails.css
@@ -89,10 +89,7 @@
   box-shadow: 0 0 7px 0 #b3b3b3;
   transition: flex-basis 0.1s;
   box-sizing: border-box;
-}
-.card-details::-webkit-scrollbar {
-  /* Hide scroll bars from middle of the screen */
-  display: none !important;
+  scrollbar-width: none;
 }
 .card-details .mCustomScrollBox {
   padding-left: 0;
diff --git a/client/components/lists/list.css b/client/components/lists/list.css
index 502cc60d3..0f1bb8e2f 100644
--- a/client/components/lists/list.css
+++ b/client/components/lists/list.css
@@ -152,10 +152,7 @@
   display: flex;
   overflow-y: auto;
   padding: 5px 11px;
-}
-.list-body::-webkit-scrollbar {
-  /* Hide scroll bars from middle of the screen */
-  display: none !important;
+  scrollbar-width: none;
 }
 .list-body .minicards {
   flex-grow: 1;
diff --git a/client/components/sidebar/sidebar.css b/client/components/sidebar/sidebar.css
index beb4a9c20..4533c3ef3 100644
--- a/client/components/sidebar/sidebar.css
+++ b/client/components/sidebar/sidebar.css
@@ -4,10 +4,7 @@
   bottom: 0;
   right: 0;
   overflow-y: scroll;
-}
-.sidebar::-webkit-scrollbar {
-  /* Hide scroll bars from middle of the screen */
-  display: none !important;
+  scrollbar-width: none;
 }
 .sidebar .sidebar-shadow {
   background: #f7f7f7;