diff --git a/app/assets/stylesheets/components/radios.scss b/app/assets/stylesheets/components/radios.scss
index c3c1ada6c..9afa37b97 100644
--- a/app/assets/stylesheets/components/radios.scss
+++ b/app/assets/stylesheets/components/radios.scss
@@ -129,9 +129,8 @@
     display: none;
   }
 
-  .multiple-choice {
+  .govuk-radios__item {
 
-    display: inline-block;
     margin-right: 0;
     padding: 0;
     width: 38px;
diff --git a/app/main/forms.py b/app/main/forms.py
index e40584b88..f029cb4d4 100644
--- a/app/main/forms.py
+++ b/app/main/forms.py
@@ -1597,10 +1597,18 @@ class ProviderForm(StripWhitespaceForm):
 
 class ProviderRatioForm(StripWhitespaceForm):
 
-    ratio = RadioField(choices=[
-        (str(value), '{}% / {}%'.format(value, 100 - value))
-        for value in range(100, -10, -10)
-    ])
+    ratio = GovukRadiosField(choices=[
+            (str(value), '{}% / {}%'.format(value, 100 - value))
+            for value in range(100, -10, -10)
+        ],
+        param_extensions={
+            "classes": "govuk-radios--inline",
+            "fieldset": {
+                "legend": {
+                    "classes": "govuk-visually-hidden"
+                }
+            }
+        })
 
     @property
     def percentage_left(self):
diff --git a/app/templates/views/providers/edit-sms-provider-ratio.html b/app/templates/views/providers/edit-sms-provider-ratio.html
index 8e831d57d..35b4c6208 100644
--- a/app/templates/views/providers/edit-sms-provider-ratio.html
+++ b/app/templates/views/providers/edit-sms-provider-ratio.html
@@ -2,7 +2,6 @@
 {% from "components/page-header.html" import page_header %}
 {% from "components/page-footer.html" import page_footer %}
 {% from "components/form.html" import form_wrapper %}
-{% from "components/radios.html" import radios %}
 
 {% block per_page_title %}
   Text message providers
@@ -30,7 +29,7 @@
             </div>
             {% call form_wrapper() %}
               <div class="radio-slider" data-module="radio-slider">
-                {{ radios(form.ratio, inline=True, hide_legend=True) }}
+                {{ form.ratio }}
                 <div class="radio-slider-left-value">
                   —
                 </div>