diff --git a/HMCL/src/main/resources/assets/css/custom.css b/HMCL/src/main/resources/assets/css/custom.css
index 48f66bf78..96c3cbd12 100644
--- a/HMCL/src/main/resources/assets/css/custom.css
+++ b/HMCL/src/main/resources/assets/css/custom.css
@@ -19,6 +19,7 @@
     -fx-base-color: %base-color%;
     -fx-base-darker-color: derive(-fx-base-color, -10%);
     -fx-base-check-color: derive(-fx-base-color, 30%);
+    -fx-rippler-color: %base-rippler-color%;
     -fx-base-rippler-color: derive(%base-rippler-color%, 100%);
     -fx-base-disabled-text-fill: %disabled-font-color%;
     -fx-base-text-fill: %font-color%;
diff --git a/HMCL/src/main/resources/assets/css/root.css b/HMCL/src/main/resources/assets/css/root.css
index 26bdb103e..0e0164a7e 100644
--- a/HMCL/src/main/resources/assets/css/root.css
+++ b/HMCL/src/main/resources/assets/css/root.css
@@ -23,7 +23,7 @@
 }
 
 .scroll-bar .thumb {
-    -fx-fill: rgba(255, 255, 255, 0.5);
+    -fx-fill: -fx-rippler-color;
     -fx-arc-width: 0;
     -fx-arc-height: 0;
 }
@@ -671,6 +671,10 @@
 *                                                                              *
 *******************************************************************************/
 
+.list-cell {
+    -fx-padding: 0;
+}
+
 .jfx-list-cell, .list-cell {
     /*-fx-background-color: WHITE;*/
     -fx-background-color: transparent;
@@ -753,6 +757,14 @@
     -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.26), 10, 0.12, -1, 2);
 }
 
+.card-non-transparent {
+    -fx-background-color: white;
+    -fx-background-radius: 4;
+    -fx-padding: 8px;
+
+    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.26), 10, 0.12, -1, 2);
+}
+
 .card:selected {
     -fx-background-color: derive(-fx-base-color, 60%);
 }
@@ -762,6 +774,11 @@
     -fx-spacing: 10;
 }
 
+.md-list-cell {
+    -fx-border-color: #e0e0e0;
+    -fx-border-width: 0 0 1 0;
+}
+
 .options-sublist {
     -fx-background-color: white;
 }
@@ -774,6 +791,10 @@
     -fx-font-size: 12;
 }
 
+.no-padding .options-list-item {
+    -fx-padding: 0;
+}
+
 .options-list-item:first {
     -fx-background-radius: 4 4 0 0;
     -fx-border-width: 0;
@@ -1180,7 +1201,7 @@
     -fx-background-insets: 0.0;
 }
 
-.scroll-bar:vertical > .thumb, .scroll-bar:horizontal > .thumb {
+.scroll-bar:vertical .thumb, .scroll-bar:horizontal .thumb {
     -fx-background-color: #BCBCBC;
     -fx-background-insets: 0.0;
     -fx-background-radius: 1.0;