diff --git a/scss/barrio.scss b/scss/barrio.scss
index bd2f3587ac5266ea6194bb4b894b9a36b37254f1..4efaed888ebe9b91ce35030aecfe77ba8b8dbd51 100644
--- a/scss/barrio.scss
+++ b/scss/barrio.scss
@@ -1,3 +1,4 @@
+@import "./components/mixins";
 @import "./components/affix";
 @import "./components/alerts";
 @import "./components/book";
diff --git a/scss/components/icons.scss b/scss/components/icons.scss
index cfab83e03b7241d38ecdd6bcc656e5093a21c677..1749914bef81078ad8300fb04a02eacceff384e4 100644
--- a/scss/components/icons.scss
+++ b/scss/components/icons.scss
@@ -4,22 +4,17 @@
  */
 
 .icon-help {
-    background: url(/../../images/help.png) 0 50% no-repeat;
-    /* LTR */
-    padding: 1px 0 1px ($spacer * 1.5);
-    /* LTR */
+	background: url(/../../images/help.png) 0 50% no-repeat;
+	/* LTR */
+	padding: 1px 0 1px ($spacer * 1.5);
+	/* LTR */
 }
 
 [dir="rtl"] .icon-help {
-    background-position: 100% 50%;
-    padding: 1px ($spacer * 1.5) 1px 0;
+	background-position: 100% 50%;
+	padding: 1px ($spacer * 1.5) 1px 0;
 }
 
 .feed-icon {
-    background: url(../images/feed.svg) no-repeat;
-    overflow: hidden;
-    text-indent: -9999px;
-    display: block;
-    width: $font-size-base;
-    height: $font-size-base;
+	@include svg-icon-replace(rss-fill, $orange, $orange, $font-size-base);
 }
\ No newline at end of file
diff --git a/scss/mixins.scss b/scss/components/mixins.scss
similarity index 100%
rename from scss/mixins.scss
rename to scss/components/mixins.scss