diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index d524ecf..114ce99 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -81,26 +81,7 @@
 }
 
 body {
-	@apply bg-background text-text pointer-events-auto!;
-}
-
-/* improve scrollbar on chrome... */
-::-webkit-scrollbar {
-	width: 4px;
-	height: 4px;
-}
-
-::-webkit-scrollbar-track {
-	background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-	background: #888;
-	border-radius: 6px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-	background: #555;
+	@apply bg-background text-text scrollbar-thumb-popover pointer-events-auto!;
 }
 
 @custom-variant floating (&:where([data-design="floating"] *));