diff --git a/PlayWall/src/main/resources/view/option/pad/PlaylistTab.fxml b/PlayWall/src/main/resources/view/option/pad/PlaylistTab.fxml
index c8c8aeb93f43c6c87bbb19b6f416cef5e1d5b8ef..6f25be3e5792c953ce621d4ae05e0ca0db5b8c8f 100644
--- a/PlayWall/src/main/resources/view/option/pad/PlaylistTab.fxml
+++ b/PlayWall/src/main/resources/view/option/pad/PlaylistTab.fxml
@@ -8,7 +8,7 @@
     <children>
         <VBox spacing="14.0">
             <children>
-                <ListView fx:id="mediaPathListView" prefWidth="250.0" VBox.vgrow="ALWAYS" styleClass="dark-list"/>
+                <ListView fx:id="mediaPathListView" prefWidth="250.0" VBox.vgrow="ALWAYS"/>
                 <HBox spacing="14.0">
                     <children>
                         <Button fx:id="addButton" maxWidth="1.7976931348623157E308" mnemonicParsing="false"
diff --git a/PlayWall/src/main/sass/components/dark-list.scss b/PlayWall/src/main/sass/components/dark-list.scss
new file mode 100644
index 0000000000000000000000000000000000000000..080f181297955b8f85c6922e539e69705d001645
--- /dev/null
+++ b/PlayWall/src/main/sass/components/dark-list.scss
@@ -0,0 +1,23 @@
+@import "variables";
+
+.dark-list {
+	-fx-base: rgb(60, 60, 60);
+
+
+	.list-cell {
+		-fx-skin: "com.sun.javafx.scene.control.skin.ListCellSkin";
+		-fx-background-color: -fx-base;
+		-fx-padding: 10px;
+		-fx-text-fill: #FFFFFF;
+		-fx-opacity: 1;
+
+		&:filled {
+			-fx-border-width: 0px 0px 1px 0px;
+			-fx-border-color: #00000044;
+		}
+
+		&:odd {
+			-fx-background-color: -fx-base;
+		}
+	}
+}
\ No newline at end of file
diff --git a/PlayWall/src/main/sass/components/list.scss b/PlayWall/src/main/sass/components/list.scss
index 1ea1f4bc53dc52ac2bfb04568b503e2d64412451..c1de8fdcbb365925622c58ebc682f1440460afd9 100644
--- a/PlayWall/src/main/sass/components/list.scss
+++ b/PlayWall/src/main/sass/components/list.scss
@@ -1,19 +1,22 @@
 @import "variables";
 
-.dark-list {
+.list-view {
 	-fx-base: rgb(60, 60, 60);
 
 
 	.list-cell {
 		-fx-skin: "com.sun.javafx.scene.control.skin.ListCellSkin";
 		-fx-background-color: -fx-base;
-		-fx-padding: 10px;
+		-fx-padding: 4px;
 		-fx-text-fill: #FFFFFF;
 		-fx-opacity: 1;
 
 		&:filled {
 			-fx-border-width: 0px 0px 1px 0px;
-			-fx-border-color: #00000044;
+		}
+
+		&:odd {
+			-fx-background-color: derive(-fx-hover-base, -10%);
 		}
 	}
 
diff --git a/PlayWall/src/main/sass/modern.scss b/PlayWall/src/main/sass/modern.scss
index 7046c6af039f7e778946349465614c6b1a8e9f6b..bb353f6186cc4e1be629a85988ceb1745bdb2908 100644
--- a/PlayWall/src/main/sass/modern.scss
+++ b/PlayWall/src/main/sass/modern.scss
@@ -12,6 +12,7 @@
 @import "components/menu";
 @import "components/toggle-button";
 @import "components/list";
+@import "components/dark-list";
 @import "components/progress-bar";
 @import "components/dialog";
 @import "components/treeview";