diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-variations.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-variations.less
index 8778377511..4639f423c5 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-variations.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-variations.less
@@ -30,12 +30,16 @@
     margin-bottom: 10px;
 }
 
-/* ---------- VARIATIONS LANG GROUP ---------- */
 
+
+/* ---------- VARIATIONS LANG GROUP ---------- */
 .umb-varations__lang-group {
     border: 1px solid @grayLight;
 
     margin-bottom: 75px;
+
+
+    border-radius: 2px;
 }
 
 .umb-varations__lang-group-info {
@@ -98,8 +102,9 @@
     color: #999;
 }
 
-/* ---------- VARIATIONS LIST ---------- */
 
+
+/* ---------- VARIATIONS LIST ---------- */
 .umb-variations__list {
     list-style: none;
     margin: 0;
@@ -116,6 +121,11 @@
     }
 }
 
+.umb-variations__list-item-wrapper:last-of-type .umb-variations__list-item {
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 2px;
+}
+
 .umb-variations__list-item {
     padding: 15px 20px;
     background-color: @grayLighter;
@@ -171,6 +181,14 @@
 .umb-variations__name {
     font-size: 13px;
     color: @grayMed;
+
+    display: flex;
+    align-items: center;
+}
+
+.umb-variations__name i {
+    margin-right: 5px;
+    font-size: 16px;
 }
 
 .umb-variations__name span {
@@ -192,7 +210,6 @@
     margin-top: 8px;
     resize: none;
 
-    margin-left: 20px;
     font-size: 13px;
     color: @grayMed;
 }
@@ -224,8 +241,9 @@
     color: @blue;
 }
 
-/* --- CREATE VARIATION --- */
 
+
+/* ---------- CREATE VARIATION ---------- */
 .umb-variation__create-title {
 	color: @black;
 	font-weight: bold;
@@ -257,8 +275,9 @@
     margin-top: 30px;
 }
 
-/* MATCHES */
 
+
+/* ---------- MATCHES ---------- */
 .umb-variations__matches {
     list-style: none;
     margin-bottom: 0;
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-variations.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-variations.html
index 304a7bb400..a29aa723d1 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-variations.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-variations.html
@@ -15,7 +15,7 @@
             <div class="umb-varations__lang-group-info">
 
                 <div class="umb-varations__lang-group-info__name" ng-click="clickVariation(variation, $event, $index)">
-                    <i class="icon-globe-alt"></i>
+                    <i class="icon-umb-translation"></i>
                     Danish
                 </div>
 
@@ -37,8 +37,12 @@
                         <div class="umb-variations__variation-top-bar">
 
                             <div class="umb-variations__name-wrapper">
-                                <div class="umb-variations__name" ng-if="variation.master">Danish - <span>Tablets</span></div>
-                                <div class="umb-variations__name" ng-if="!variation.master">Danish - <span>{{ variation.variationName }}</span></div>
+                                <div class="umb-variations__name" ng-if="variation.master">
+                                    <i class="icon-documents"></i> Danish - <span>Tablets</span>
+                                </div>
+                                <div class="umb-variations__name" ng-if="!variation.master">
+                                    <i class="icon-documents"></i> Danish - <span>{{ variation.variationName }}</span>
+                                </div>
                             </div>
 
                             <div class="umb-variations__actions">
@@ -70,7 +74,7 @@
         <div class="umb-varations__lang-group">
             <div class="umb-varations__lang-group-info">
                 <div class="umb-varations__lang-group-info__name" ng-click="clickVariation(variation, $event, $index)">
-                    <i class="icon-globe-alt"></i>
+                    <i class="icon-umb-translation"></i>
                     German
                 </div>
 
@@ -92,8 +96,12 @@
                         <div class="umb-variations__variation-top-bar">
 
                             <div class="umb-variations__name-wrapper">
-                                <div class="umb-variations__name" ng-if="variation.master">German - <span>Tablets</span></div>
-                                <div class="umb-variations__name" ng-if="!variation.master">German - <span>{{ variation.variationName }}</span></div>
+                                <div class="umb-variations__name" ng-if="variation.master">
+                                    <i class="icon-documents"></i> German - <span>Tablets</span>
+                                </div>
+                                <div class="umb-variations__name" ng-if="!variation.master">
+                                    <i class="icon-documents"></i> German - <span>{{ variation.variationName }}</span>
+                                </div>
                             </div>
 
                             <div class="umb-variations__actions">
@@ -126,7 +134,7 @@
             <div class="umb-varations__lang-group-info">
 
                 <div class="umb-varations__lang-group-info__name" ng-click="clickVariation(variation, $event, $index)">
-                    <i class="icon-globe-alt"></i>English
+                    <i class="icon-umb-translation"></i>English
                 </div>
             </div>