diff --git a/client/components/notice/style.scss b/client/components/notice/style.scss
index aa0af6e..aaf091e 100644
--- a/client/components/notice/style.scss
+++ b/client/components/notice/style.scss
@@ -15,6 +15,10 @@
 	line-height: 1.4285;
 	animation: appear .3s ease-in-out;
 
+	&::before{
+		@extend %dashicon;
+	}
+
 	.dops-notice__text {
 		flex-grow: 1;
 		flex-basis: 100px;
@@ -31,7 +35,6 @@
 		font-size: inherit;
 
 		&::before {
-			@extend %dashicon;
 			content: '\f534';
 			position: absolute;
 				top: 23px;
diff --git a/client/scss/calypso-form.scss b/client/scss/calypso-form.scss
index 2454e96..1a79d8c 100644
--- a/client/scss/calypso-form.scss
+++ b/client/scss/calypso-form.scss
@@ -1,5 +1,6 @@
 // Below, you can choose from either using global form styles or class-driven
 // form styles. By default, the global styles are on.
+@import 'extends';
 
 %form {
 	ul {