diff --git a/templates/dualsense/template.css b/templates/dualsense/template.css
index d9fca94..5c11fef 100644
--- a/templates/dualsense/template.css
+++ b/templates/dualsense/template.css
@@ -158,10 +158,18 @@
     background: url(buttons.png);
 }
 
+#gamepad[data-color="black"] .button {
+    background-position-y: 55px;
+}
+
 #gamepad .button[data-pressed="true"] {
     background-position-y: 55px;
 }
 
+#gamepad[data-color="black"] .button[data-pressed="true"] {
+    background-position-y: 0;
+}
+
 #gamepad .a {
     background-position: 0 0;
     bottom: 0px;
@@ -267,10 +275,18 @@
     background-position: 52px 0;
 }
 
+#gamepad[data-color="black"] .face {
+    background-position-y: 52px;
+}
+
 #gamepad .face[data-pressed="true"] {
     background-position-y: 52px;
 }
 
+#gamepad[data-color="black"] .face[data-pressed="true"] {
+    background-position-y: 0;
+}
+
 #gamepad.half {
     margin-top: -300px;
 }