Subtle scroll bar

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ztimson/css-utils",
-	"version": "2.0.2",
+	"version": "2.0.4",
 	"description": "CSS Utility Classes",
 	"readme": "README.md",
 	"scripts": {

src/main.scss

@@ -106,28 +106,18 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 }
 
 .fix-scrollbar {
-	* {
-		scrollbar-width: thin;
-		scrollbar-color: var(--theme-primary) var(--theme-background);
-	}
-
 	*::-webkit-scrollbar {
-		width: 8px;
-		height: 8px;
+		width: 10px;
+		height: 10px;
 	}
-
-	*::-webkit-scrollbar-track {
-		background: var(--theme-background);
-	}
-
 	*::-webkit-scrollbar-thumb {
-		background-color: var(--theme-primary);
-		border-radius: 4px;
-		border: 2px solid var(--theme-background);
+		background: var(--theme-muted);
+		border-radius: 999px;
+		border: 3px solid transparent;
+		background-clip: padding-box;
 	}
-
-	*::-webkit-scrollbar-thumb:hover {
-		background-color: var(--theme-accent);
+	*::-webkit-scrollbar-track {
+		background: transparent;
 	}
 }