diff --git a/src/definitions/modules/rating.less b/src/definitions/modules/rating.less
index 8f70ffa89..25a7a3123 100755
--- a/src/definitions/modules/rating.less
+++ b/src/definitions/modules/rating.less
@@ -24,8 +24,8 @@
 *******************************/
 
 .ui.rating {
+  display: inline-flex;
   white-space: @whiteSpace;
-  display: @display;
   vertical-align: @verticalAlign;
 }
 .ui.rating:last-child {
@@ -48,6 +48,7 @@
   text-align: center;
   font-weight: normal;
   font-style: normal;
+  flex: 1 0 auto;
   cursor: @iconCursor;
   width: @iconWidth;
   height: @iconHeight;
diff --git a/src/themes/default/modules/rating.variables b/src/themes/default/modules/rating.variables
index 9b527e9a5..8af0fa045 100644
--- a/src/themes/default/modules/rating.variables
+++ b/src/themes/default/modules/rating.variables
@@ -2,8 +2,7 @@
              Rating
 *******************************/
 
-@display: inline-block;
-@margin: 0em 0.75rem;
+@margin: 0em @relativeMini;
 @whiteSpace: nowrap;
 
 @verticalAlign: middle;