diff --git a/styles/abstracts/_placeholders.scss b/styles/abstracts/_placeholders.scss
index 0b264297..bf21414f 100644
--- a/styles/abstracts/_placeholders.scss
+++ b/styles/abstracts/_placeholders.scss
@@ -23,4 +23,10 @@
 			fill: $light-button-hover-color;
 		}
 	}
+	&--selected {
+    background-color: $light-button-background-hover-color;
+    & g {
+        fill: $light-button-hover-color;
+    }
+  }
 }
diff --git a/styles/components/_toolbar.scss b/styles/components/_toolbar.scss
index f8001d86..043667dc 100644
--- a/styles/components/_toolbar.scss
+++ b/styles/components/_toolbar.scss
@@ -2,20 +2,14 @@
 	@extend %toolbar-button;
 	margin-right: #{15 / $base-font-size}rem;
 	&--selected {
-		background-color: $light-button-background-hover-color;
-		& g {
-			fill: $light-button-hover-color;
-		}
+		@extend %toolbar-button--selected;
 	}
 }
 
 .toolbar__stop-button {
 	@extend %toolbar-button;
 	&--selected {
-		background-color: $light-button-background-hover-color;
-		& g {
-			fill: $light-button-hover-color;
-		}
+		@extend %toolbar-button--selected;
 	}
 }