ui, fix: Resolve issue on the displaying of groups

src/styles/job-offers.scss

@@ -45,7 +45,7 @@
         sib-multiple[name$='groups'] {
           display: flex;
 
-          li {
+          > * {
             @extend %group;
           }
         }

src/styles/member-profile.scss

@@ -65,7 +65,7 @@
           display: flex;
           padding-left: 1.4rem;
 
-          li {
+          groups-name {
             @extend %group;
           }
         }

src/styles/members.scss

@@ -166,6 +166,10 @@
 
           sib-multiple[name$='groups'] {
             display: flex;
+
+            > * {
+              margin-right: 0.4rem;
+            }
           }
         }
       }

src/styles/variables.scss

@@ -54,6 +54,7 @@ $color-majorelle-blue:   hsl(244, 73%, 62%);
   color: $color-rolling-stone;
   font-size: 1.4rem;
   font-weight: 400;
+  margin-right: 0.4rem;
   padding: calc(1.6rem - 0.8em) 0.7em;
 }