diff --git a/resources/config b/resources/config
index e7c91c0f..a83edf1c 100644
--- a/resources/config
+++ b/resources/config
@@ -6,7 +6,7 @@
     // Choose the order of the modules
     "modules-left": ["sway/workspaces", "sway/mode", "custom/media"],
     "modules-center": ["sway/window"],
-    "modules-right": ["keyboard_state", "mpd", "idle_inhibitor", "pulseaudio", "network", "cpu", "memory", "temperature", "backlight", "sway/language", "battery", "battery#bat2", "clock", "tray"],
+    "modules-right": ["mpd", "idle_inhibitor", "pulseaudio", "network", "cpu", "memory", "temperature", "backlight", "keyboard_state", "sway/language", "battery", "battery#bat2", "clock", "tray"],
     // Modules configuration
     // "sway/workspaces": {
     //     "disable-scroll": true,
diff --git a/resources/style.css b/resources/style.css
index 63ea871c..c1ac5ad1 100644
--- a/resources/style.css
+++ b/resources/style.css
@@ -228,3 +228,19 @@ label:focus {
     margin: 0 5px;
     min-width: 16px;
 }
+
+#keyboard_state {
+    background: #97e1ad;
+    color: #000000;
+    padding: 0 0px;
+    margin: 0 5px;
+    min-width: 16px;
+}
+
+#keyboard_state > label {
+    padding: 0 5px;
+}
+
+#keyboard_state > label.locked {
+    background: rgba(0, 0, 0, 0.2);
+}