diff --git a/src/Umbraco.Web.UI.Client/lib/bootstrap/less/type.less b/src/Umbraco.Web.UI.Client/lib/bootstrap/less/type.less
index bf1167f950..3f93deaf56 100644
--- a/src/Umbraco.Web.UI.Client/lib/bootstrap/less/type.less
+++ b/src/Umbraco.Web.UI.Client/lib/bootstrap/less/type.less
@@ -132,6 +132,10 @@ ol.inline {
     display: inline-block;
     padding-left: 5px;
     padding-right: 5px;
+
+    &.-no-padding-left{
+      padding-left: 0;
+    }
   }
 }
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/orderDirection.prevalues.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/orderDirection.prevalues.html
index 83a905ccf7..7ec0895936 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/orderDirection.prevalues.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/orderDirection.prevalues.html
@@ -1,10 +1,16 @@
 <div>
     <ng-form name="listViewOrderDirectionForm" class="flex">
-        <umb-radiobutton name="orderDirection" value="asc" model="model.value" text="Ascending [a-z]" required></umb-radiobutton>
-        <umb-radiobutton name="orderDirection" value="desc" model="model.value" text="Descending [z-a]" required></umb-radiobutton>
+        <ul class="inline">
+            <li class="-no-padding-left">
+                <umb-radiobutton name="orderDirection" value="asc" model="model.value" text="Ascending [a-z]" required></umb-radiobutton>
+            </li>
+            <li>
+                <umb-radiobutton name="orderDirection" value="desc" model="model.value" text="Descending [z-a]" required></umb-radiobutton>
+            </li>
+        </ul>
 
         <span ng-messages="listViewOrderDirectionForm.orderDirection.$error" show-validation-on-submit>
-            <span class="help-inline" ng-message="required">Required</span>
+            <span class="help-inline" ng-message="required"><localize key="general_required">Required</localize></span>
         </span>
     </ng-form>
 </div>