diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/radiobuttons/radiobuttons.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/radiobuttons/radiobuttons.html
index d0d5567788..968e3fce98 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/radiobuttons/radiobuttons.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/radiobuttons/radiobuttons.html
@@ -2,17 +2,7 @@
     <ul class="unstyled">
 
         <li ng-repeat="item in model.config.items" class="umb-editor__item">
-            <label class="radio umb-form-control umb-form-control--radiobutton">
-                <input type="radio" name="radiobuttons-{{model.alias}}"
-                    value="{{item.id}}"
-                    ng-model="model.value"
-                    class="umb-form-control__input" />
-
-                <div class="umb-form-control__state umb-form-control__state" aria-hidden="true">
-                    <div class="umb-form-control__check"></div>
-                </div>
-                <span class="umb-form-control__text">{{item.value}}</span>
-            </label>
+            <umb-radiobutton name="{{model.alias}}" value="{{item.id}}" model="model.value" text="{{item.value}}"></umb-radiobutton>
         </li>
     </ul>
 </div>