diff --git a/src/Umbraco.Web.UI.Client/src/views/relationtypes/create.html b/src/Umbraco.Web.UI.Client/src/views/relationtypes/create.html
index 67a48e77cd..ab65241c95 100644
--- a/src/Umbraco.Web.UI.Client/src/views/relationtypes/create.html
+++ b/src/Umbraco.Web.UI.Client/src/views/relationtypes/create.html
@@ -14,13 +14,13 @@
                 <ul class="unstyled">
                     <li>
                         <label class="radio">
-                            <input type="radio" name="relationType-direction" ng-model="vm.relationType.isBidirectional" ng-value="false">
+                            <umb-radiobutton name="relationType-direction" value="false" model="vm.relationType.isBidirectional" />
                             <localize key="relationType_parentToChild">Parent to child</localize>
                         </label>
                     </li>
                     <li>
                         <label class="radio">
-                            <input type="radio" name="relationType-direction" ng-model="vm.relationType.isBidirectional" ng-value="true">
+                            <umb-radiobutton name="relationType-direction" value="true" model="vm.relationType.isBidirectional" />
                             <localize key="relationType_bidirectional">Bidirectional</localize>
                         </label>
                     </li>