diff --git a/build/examples/feed.css b/build/examples/feed.css
index 1134243c7..5bbf2d191 100755
--- a/build/examples/feed.css
+++ b/build/examples/feed.css
@@ -57,6 +57,9 @@ body {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+#feed .inbox.tab .item .rating {
+  margin-top: 0.2rem;
+}
 #feed .inbox.tab .item .description {
   margin-left: 2em;
 }
diff --git a/build/less/modules/rating.less b/build/less/modules/rating.less
index 3cff80236..df93505f2 100644
--- a/build/less/modules/rating.less
+++ b/build/less/modules/rating.less
@@ -114,13 +114,13 @@
   font-family: 'Icons';
 }
 .ui.heart.rating .active.icon {
-  color: #EF404A;
+  color:  !important;
 }
 
 /* Hovered */
 .ui.heart.rating .hover.icon,
 .ui.heart.rating .active.hover.icon {
-  color: #FF2733;
+  color:  !important;
 }
 
 /*******************************
@@ -138,7 +138,7 @@
 
 /* active icons */
 .ui.rating .active.icon {
-  color: #FFCB08;
+  color: #FFCB08 !important;
 }
 
 
@@ -155,7 +155,7 @@
 .ui.rating .icon.hover,
 .ui.rating .icon.hover.active {
   opacity: 1;
-  color: #FFB70A;
+  color: #FFB70A !important;
 }
 
 
diff --git a/build/packaged/css/semantic.css.REMOVED.git-id b/build/packaged/css/semantic.css.REMOVED.git-id
index f992d202d..74cdc67a6 100644
--- a/build/packaged/css/semantic.css.REMOVED.git-id
+++ b/build/packaged/css/semantic.css.REMOVED.git-id
@@ -1 +1 @@
-3c9890ba8f86be857e6dbfb3cefb718a4697c0d3
\ No newline at end of file
+d4a9897f6b47f2ca143ff6bf0477905b946a413a
\ No newline at end of file
diff --git a/build/uncompressed/modules/rating.css b/build/uncompressed/modules/rating.css
index b3bb1c1b8..23b910823 100644
--- a/build/uncompressed/modules/rating.css
+++ b/build/uncompressed/modules/rating.css
@@ -91,12 +91,12 @@
   font-family: 'Icons';
 }
 .ui.heart.rating .active.icon {
-  color: #EF404A;
+  color: !important;
 }
 /* Hovered */
 .ui.heart.rating .hover.icon,
 .ui.heart.rating .active.hover.icon {
-  color: #FF2733;
+  color: !important;
 }
 /*******************************
              States
@@ -110,7 +110,7 @@
 }
 /* active icons */
 .ui.rating .active.icon {
-  color: #FFCB08;
+  color: #FFCB08 !important;
 }
 /*-------------------
         Hover
@@ -123,7 +123,7 @@
 .ui.rating .icon.hover,
 .ui.rating .icon.hover.active {
   opacity: 1;
-  color: #FFB70A;
+  color: #FFB70A !important;
 }
 /*******************************
           Variations
diff --git a/node/src/files/build/examples/feed.css b/node/src/files/build/examples/feed.css
index 1134243c7..5bbf2d191 100644
--- a/node/src/files/build/examples/feed.css
+++ b/node/src/files/build/examples/feed.css
@@ -57,6 +57,9 @@ body {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+#feed .inbox.tab .item .rating {
+  margin-top: 0.2rem;
+}
 #feed .inbox.tab .item .description {
   margin-left: 2em;
 }
diff --git a/node/src/files/build/less/modules/rating.less b/node/src/files/build/less/modules/rating.less
index 3cff80236..df93505f2 100644
--- a/node/src/files/build/less/modules/rating.less
+++ b/node/src/files/build/less/modules/rating.less
@@ -114,13 +114,13 @@
   font-family: 'Icons';
 }
 .ui.heart.rating .active.icon {
-  color: #EF404A;
+  color:  !important;
 }
 
 /* Hovered */
 .ui.heart.rating .hover.icon,
 .ui.heart.rating .active.hover.icon {
-  color: #FF2733;
+  color:  !important;
 }
 
 /*******************************
@@ -138,7 +138,7 @@
 
 /* active icons */
 .ui.rating .active.icon {
-  color: #FFCB08;
+  color: #FFCB08 !important;
 }
 
 
@@ -155,7 +155,7 @@
 .ui.rating .icon.hover,
 .ui.rating .icon.hover.active {
   opacity: 1;
-  color: #FFB70A;
+  color: #FFB70A !important;
 }
 
 
diff --git a/node/src/files/build/packaged/css/semantic.css.REMOVED.git-id b/node/src/files/build/packaged/css/semantic.css.REMOVED.git-id
index f992d202d..74cdc67a6 100644
--- a/node/src/files/build/packaged/css/semantic.css.REMOVED.git-id
+++ b/node/src/files/build/packaged/css/semantic.css.REMOVED.git-id
@@ -1 +1 @@
-3c9890ba8f86be857e6dbfb3cefb718a4697c0d3
\ No newline at end of file
+d4a9897f6b47f2ca143ff6bf0477905b946a413a
\ No newline at end of file
diff --git a/node/src/files/build/uncompressed/modules/rating.css b/node/src/files/build/uncompressed/modules/rating.css
index b3bb1c1b8..23b910823 100644
--- a/node/src/files/build/uncompressed/modules/rating.css
+++ b/node/src/files/build/uncompressed/modules/rating.css
@@ -91,12 +91,12 @@
   font-family: 'Icons';
 }
 .ui.heart.rating .active.icon {
-  color: #EF404A;
+  color: !important;
 }
 /* Hovered */
 .ui.heart.rating .hover.icon,
 .ui.heart.rating .active.hover.icon {
-  color: #FF2733;
+  color: !important;
 }
 /*******************************
              States
@@ -110,7 +110,7 @@
 }
 /* active icons */
 .ui.rating .active.icon {
-  color: #FFCB08;
+  color: #FFCB08 !important;
 }
 /*-------------------
         Hover
@@ -123,7 +123,7 @@
 .ui.rating .icon.hover,
 .ui.rating .icon.hover.active {
   opacity: 1;
-  color: #FFB70A;
+  color: #FFB70A !important;
 }
 /*******************************
           Variations
diff --git a/src/modules/rating.less b/src/modules/rating.less
index 3cff80236..df93505f2 100755
--- a/src/modules/rating.less
+++ b/src/modules/rating.less
@@ -114,13 +114,13 @@
   font-family: 'Icons';
 }
 .ui.heart.rating .active.icon {
-  color: #EF404A;
+  color:  !important;
 }
 
 /* Hovered */
 .ui.heart.rating .hover.icon,
 .ui.heart.rating .active.hover.icon {
-  color: #FF2733;
+  color:  !important;
 }
 
 /*******************************
@@ -138,7 +138,7 @@
 
 /* active icons */
 .ui.rating .active.icon {
-  color: #FFCB08;
+  color: #FFCB08 !important;
 }
 
 
@@ -155,7 +155,7 @@
 .ui.rating .icon.hover,
 .ui.rating .icon.hover.active {
   opacity: 1;
-  color: #FFB70A;
+  color: #FFB70A !important;
 }