diff --git a/elements/_interactive.scss b/elements/_interactive.scss
index 5a77aaa..211b266 100644
--- a/elements/_interactive.scss
+++ b/elements/_interactive.scss
@@ -79,6 +79,7 @@ td > textarea {
 	}
 }
 
+// TODO: Move to io_module
 .input_io, .button_io, .io_textarea, .io_select {
 	margin: $margin_io;
 }
diff --git a/modules/io/_io_module.scss b/modules/io/_io_module.scss
index 6e83446..1658e3d 100644
--- a/modules/io/_io_module.scss
+++ b/modules/io/_io_module.scss
@@ -1,3 +1,7 @@
+input[type="range"] {
+	accent-color: $color_text_io;
+}
+
 header,
 aside,
 footer {
@@ -17,10 +21,14 @@ footer {
 			@extend .button_io;
 		}
 
-		input {
+		input:not([type="range"]) {
 			@extend .input_io;
 		}
 
+		input[type="range"] {
+			margin: 0;
+		}
+
 		select {
 			@extend .io_select;
 		}
@@ -40,7 +48,7 @@ aside {
 	&.io {
 		padding: $space_basic;
 
-		input,
+		input:not([type="range"]),
 		button,
 		textarea,
 		select {