diff --git a/packages/web/src/scss/components/Item/README.md b/packages/web/src/scss/components/Item/README.md
index 5ee4e6603a..a10bfda422 100644
--- a/packages/web/src/scss/components/Item/README.md
+++ b/packages/web/src/scss/components/Item/README.md
@@ -1,15 +1,15 @@
 # Item
 
 The Item component is used to display a single item in a list. Currently we support
-two types of item content: RadioField and Checkbox. In order to unify and simplify
+two types of item content: Radio and Checkbox. In order to unify and simplify
 API of these components and also to avoid repeating ourselves, we use Item as their modifier.
 
-So, to create an Item of RadioField content, you need to add `RadioField--item` modifier class.
+So, to create an Item of Radio content, you need to add `Radio--item` modifier class.
 
 ```html
-<label for="radiofieldItem" class="RadioField RadioField--item">
-  <input type="radio" id="radiofieldItem" name="example" class="RadioField__input" checked />
-  <span class="RadioField__label">Item</span>
+<label for="radioItem" class="Radio Radio--item">
+  <input type="radio" id="radioItem" name="example" class="Radio__input" checked />
+  <span class="Radio__label">Item</span>
 </label>
 ```
 
diff --git a/packages/web/src/scss/components/Item/index.html b/packages/web/src/scss/components/Item/index.html
index 830714e7b5..ed18b22edc 100644
--- a/packages/web/src/scss/components/Item/index.html
+++ b/packages/web/src/scss/components/Item/index.html
@@ -10,11 +10,11 @@ <h2 class="docs-Heading">Checkbox Item</h2>
     </span>
   </label>
 
-  <h2 class="docs-Heading">RadioField Item</h2>
+  <h2 class="docs-Heading">Radio Item</h2>
 
-  <label for="radiofieldItem" class="RadioField RadioField--item">
-    <input type="radio" id="radiofieldItem" name="example3" class="RadioField__input" />
-    <span class="RadioField__label">Radio Item</span>
+  <label for="radioItem" class="Radio Radio--item">
+    <input type="radio" id="radioItem" name="example3" class="Radio__input" />
+    <span class="Radio__label">Radio Item</span>
   </label>
 </div>
 
diff --git a/packages/web/src/scss/components/Modal/index.html b/packages/web/src/scss/components/Modal/index.html
index d036830a14..c4709b9c64 100644
--- a/packages/web/src/scss/components/Modal/index.html
+++ b/packages/web/src/scss/components/Modal/index.html
@@ -63,17 +63,17 @@ <h2 id="example_basic_title" class="ModalHeader__title">Modal Title</h2>
         </script>
         <form onchange="setFooterAlignment(event)" class="d-none d-tablet-block">
           <div>Footer alignment (from tablet up):</div>
-          <label for="footer_alignment_left" class="RadioField mr-600">
-            <input type="radio" id="footer_alignment_left" name="footer_alignment" value="left" class="RadioField__input" autocomplete="off" />
-            <span class="RadioField__label">Left</span>
+          <label for="footer_alignment_left" class="Radio mr-600">
+            <input type="radio" id="footer_alignment_left" name="footer_alignment" value="left" class="Radio__input" autocomplete="off" />
+            <span class="Radio__label">Left</span>
           </label>
-          <label for="footer_alignment_center" class="RadioField mr-600">
-            <input type="radio" id="footer_alignment_center" name="footer_alignment" value="center" class="RadioField__input" autocomplete="off" />
-            <span class="RadioField__label">Center</span>
+          <label for="footer_alignment_center" class="Radio mr-600">
+            <input type="radio" id="footer_alignment_center" name="footer_alignment" value="center" class="Radio__input" autocomplete="off" />
+            <span class="Radio__label">Center</span>
           </label>
-          <label for="footer_alignment_right" class="RadioField mr-600">
-            <input type="radio" id="footer_alignment_right" name="footer_alignment" value="right" class="RadioField__input" autocomplete="off" checked />
-            <span class="RadioField__label">Right</span>
+          <label for="footer_alignment_right" class="Radio mr-600">
+            <input type="radio" id="footer_alignment_right" name="footer_alignment" value="right" class="Radio__input" autocomplete="off" checked />
+            <span class="Radio__label">Right</span>
           </label>
         </form>
         <form class="d-tablet-none">
diff --git a/packages/web/src/scss/components/Radio/README.md b/packages/web/src/scss/components/Radio/README.md
new file mode 100644
index 0000000000..64885b889e
--- /dev/null
+++ b/packages/web/src/scss/components/Radio/README.md
@@ -0,0 +1,98 @@
+# Radio
+
+## Basic usage:
+
+```html
+<label for="radioDefault" class="Radio">
+  <input type="radio" id="radioDefault" class="Radio__input" name="default" />
+  <span class="Radio__text">
+    <span class="Radio__label">Radio Label</span>
+  </span>
+</label>
+```
+
+## Selected state:
+
+```html
+<label for="radioDefaultChecked" class="Radio">
+  <input type="radio" id="radioDefaultChecked" class="Radio__input" name="default" checked />
+  <span class="Radio__text">
+    <span class="Radio__label">Radio Label</span>
+  </span>
+</label>
+```
+
+## Disabled state:
+
+```html
+<label for="radioDisabled" class="Radio Radio--disabled">
+  <input type="radio" id="radioDisabled" class="Radio__input" name="default" disabled />
+  <span class="Radio__text">
+    <span class="Radio__label">Radio Label</span>
+  </span>
+</label>
+```
+
+## Validation States:
+
+See Validation state [dictionary][dictionary-validation].
+
+```html
+<label for="radioSuccess" class="Radio Radio--success">
+  <input type="radio" id="radioSuccess" class="Radio__input" name="validation" />
+  <span class="Radio__text">
+    <span class="Radio__label">Radio Label</span>
+  </span>
+</label>
+
+<label for="radioWarning" class="Radio Radio--warning">
+  <input type="radio" id="radioWarning" class="Radio__input" name="validation" />
+  <span class="Radio__text">
+    <span class="Radio__label">Radio Label</span>
+  </span>
+</label>
+
+<label for="radioDanger" class="Radio Radio--danger">
+  <input type="radio" id="radioDanger" class="Radio__input" name="validation" />
+  <span class="Radio__text">
+    <span class="Radio__label">Radio Label</span>
+  </span>
+</label>
+```
+
+## With helper text:
+
+```html
+<label for="radioHelperText" class="Radio">
+  <input type="radio" id="radioHelperText" class="Radio__input" name="helperText" />
+  <span class="Radio__text">
+    <span class="Radio__label">Radio Label</span>
+    <span class="Radio__helperText">Helper text</span>
+  </span>
+</label>
+```
+
+## As an Item:
+
+```html
+<label for="radioItemDefault" class="Radio Radio--item">
+  <input type="radio" id="radioItemDefault" class="Radio__input" name="item" />
+  <span class="Radio__text">
+    <span class="Radio__label">Radio Label</span>
+  </span>
+</label>
+```
+
+## As an Item wrapped with helper text:
+
+```html
+<label for="radioItemHelperText" class="Radio Radio--item">
+  <input type="radio" id="radioItemHelperText" class="Radio__input" name="item" />
+  <span class="Radio__text">
+    <span class="Radio__label">Radio Label</span>
+    <span class="Radio__helperText">Helper text</span>
+  </span>
+</label>
+```
+
+[dictionary-validation]: https://github.com/lmc-eu/spirit-design-system/blob/main/docs/DICTIONARIES.md#validation
diff --git a/packages/web/src/scss/components/RadioField/_RadioField.scss b/packages/web/src/scss/components/Radio/_Radio.scss
similarity index 69%
rename from packages/web/src/scss/components/RadioField/_RadioField.scss
rename to packages/web/src/scss/components/Radio/_Radio.scss
index abaf8852ed..a3d28ee92b 100644
--- a/packages/web/src/scss/components/RadioField/_RadioField.scss
+++ b/packages/web/src/scss/components/Radio/_Radio.scss
@@ -1,5 +1,5 @@
-// 1. Use `box-shadow` to ensure the state of the radio field is visible when printed.
-// 2. Make sure the state of the radio field is accessible in forced-colors mode (e.g. Windows High Contrast Mode) where
+// 1. Use `box-shadow` to ensure the state of the radio is visible when printed.
+// 2. Make sure the state of the radio is accessible in forced-colors mode (e.g. Windows High Contrast Mode) where
 //    our `box-shadow` indicator is removed.
 //
 // See: https://moderncss.dev/pure-css-custom-styled-radio-buttons/
@@ -9,13 +9,13 @@
 @use '../../tools/form-fields' as form-fields-tools;
 @use 'theme';
 
-$_field-name: 'RadioField';
+$_field-name: 'Radio';
 
-.RadioField {
+.Radio {
     @include form-fields-tools.inline-field-root();
 }
 
-.RadioField__input {
+.Radio__input {
     @include form-fields-tools.inline-field-input();
 
     display: grid;
@@ -49,7 +49,7 @@ $_field-name: 'RadioField';
     }
 }
 
-.RadioField__helperText {
+.Radio__helperText {
     @include form-fields-tools.helper-text();
 
     margin-left: form-fields-theme.$spacing;
@@ -61,34 +61,34 @@ $_field-name: 'RadioField';
     theme.$input-box-shadow-y
 );
 
-.RadioField__label {
+.Radio__label {
     @include form-fields-tools.inline-field-label();
 
     margin-left: form-fields-theme.$spacing;
 }
 
-.RadioField__label--hidden {
+.Radio__label--hidden {
     @include form-fields-tools.label-hidden();
 }
 
-.RadioField__label--required::after {
+.Radio__label--required::after {
     @include form-fields-tools.label-required();
 }
 
-.RadioField--disabled {
+.Radio--disabled {
     @include form-fields-tools.inline-field-root-disabled();
 }
 
-.RadioField--disabled .RadioField__label {
+.Radio--disabled .Radio__label {
     @include form-fields-tools.label-disabled();
 }
 
-.RadioField--disabled .RadioField__helperText {
+.Radio--disabled .Radio__helperText {
     @include form-fields-tools.helper-text-disabled();
 }
 
-.RadioField--disabled > .RadioField__input,
-.RadioField > .RadioField__input:disabled {
+.Radio--disabled > .Radio__input,
+.Radio > .Radio__input:disabled {
     border-color: form-fields-theme.$input-color-disabled;
 
     &:checked {
@@ -96,31 +96,31 @@ $_field-name: 'RadioField';
     }
 }
 
-.RadioField--disabled > .RadioField__input::before,
-.RadioField > .RadioField__input:disabled::before {
+.Radio--disabled > .Radio__input::before,
+.Radio > .Radio__input:disabled::before {
     box-shadow: theme.$input-box-shadow-disabled; // 1.
 }
 
-.RadioField--item {
+.Radio--item {
     @include form-fields-tools.item();
 }
 
-.RadioField--item.RadioField--disabled {
+.Radio--item.Radio--disabled {
     @include form-fields-tools.item-disabled();
 }
 
 // stylelint-disable selector-max-class, selector-max-compound-selectors, selector-max-specificity -- We need to override the default styles for the label in Item.
-.RadioField--item .RadioField__input:checked ~ .RadioField__label,
-.RadioField--item .RadioField__input:checked ~ .RadioField__text > .RadioField__label {
+.Radio--item .Radio__input:checked ~ .Radio__label,
+.Radio--item .Radio__input:checked ~ .Radio__text > .Radio__label {
     // stylelint-enable selector-max-class, selector-max-compound-selectors, selector-max-specificity
     @include form-fields-tools.item-label-checked();
 }
 
-.RadioField--item .RadioField__helperText {
+.Radio--item .Radio__helperText {
     @include form-fields-tools.item-helper-text();
 }
 
-.RadioField--item:not(.RadioField--disabled):hover .RadioField__helperText,
-.RadioField--item:not(.RadioField--disabled):active .RadioField__helperText {
+.Radio--item:not(.Radio--disabled):hover .Radio__helperText,
+.Radio--item:not(.Radio--disabled):active .Radio__helperText {
     color: inherit;
 }
diff --git a/packages/web/src/scss/components/RadioField/_theme.scss b/packages/web/src/scss/components/Radio/_theme.scss
similarity index 100%
rename from packages/web/src/scss/components/RadioField/_theme.scss
rename to packages/web/src/scss/components/Radio/_theme.scss
diff --git a/packages/web/src/scss/components/Radio/index.html b/packages/web/src/scss/components/Radio/index.html
new file mode 100644
index 0000000000..8e1c1d87c0
--- /dev/null
+++ b/packages/web/src/scss/components/Radio/index.html
@@ -0,0 +1,156 @@
+{{#> layout/plain }}
+
+<section class="docs-Section">
+  <h2 class="docs-Heading">Default</h2>
+
+  <div class="docs-FormFieldGrid">
+    <label for="radioDefault" class="Radio">
+      <input type="radio" id="radioDefault" class="Radio__input" name="default" />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+      </span>
+    </label>
+
+    <label for="radioDefaultChecked" class="Radio">
+      <input type="radio" id="radioDefaultChecked" class="Radio__input" name="default" checked />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+      </span>
+    </label>
+  </div>
+</section>
+
+<section class="docs-Section">
+  <h2 class="docs-Heading">Hidden Label</h2>
+
+  <div class="docs-FormFieldGrid">
+    <label for="radioHiddenLabel" class="Radio">
+      <input type="radio" id="radioHiddenLabel" class="Radio__input" name="hiddenLabel" />
+      <span class="Radio__text">
+        <span class="Radio__label Radio__label--hidden">Radio Label</span>
+      </span>
+    </label>
+  </div>
+</section>
+
+<section class="docs-Section">
+  <h2 class="docs-Heading">Helper Text</h2>
+
+  <div class="docs-FormFieldGrid">
+    <label for="radioHelperText" class="Radio">
+      <input type="radio" id="radioHelperText" class="Radio__input" name="helperText" />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+        <span class="Radio__helperText">Helper text</span>
+      </span>
+    </label>
+  </div>
+</section>
+
+<section class="docs-Section">
+  <h2 class="docs-Heading">Disabled</h2>
+
+  <div class="docs-FormFieldGrid">
+    <label for="radioDisabled" class="Radio Radio--disabled">
+      <input type="radio" id="radioDisabled" class="Radio__input" name="disabled" disabled />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+      </span>
+    </label>
+
+    <label for="radioDisabledHelperText" class="Radio Radio--disabled">
+      <input type="radio" id="radioDisabledHelperText" class="Radio__input" name="disabledHelperText" disabled checked />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+        <span class="Radio__helperText">Helper text</span>
+      </span>
+    </label>
+  </div>
+</section>
+
+<section class="docs-Section">
+  <h2 class="docs-Heading">Validation State</h2>
+
+  <div class="docs-FormFieldGrid">
+    <label for="radioSuccess" class="Radio Radio--success">
+      <input type="radio" id="radioSuccess" class="Radio__input" name="validation" />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+      </span>
+    </label>
+
+    <label for="radioWarning" class="Radio Radio--warning">
+      <input type="radio" id="radioWarning" class="Radio__input" name="validation" />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+      </span>
+    </label>
+
+    <label for="radioDanger" class="Radio Radio--danger">
+      <input type="radio" id="radioDanger" class="Radio__input" name="validation" />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+      </span>
+    </label>
+
+    <label for="radioWarningHelperText" class="Radio Radio--warning">
+      <input type="radio" id="radioWarningHelperText" class="Radio__input" name="validation" checked />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+        <span class="Radio__helperText">Helper text</span>
+      </span>
+    </label>
+  </div>
+</section>
+
+<section class="docs-Section">
+  <h2 class="docs-Heading">Item</h2>
+
+  <div class="docs-FormFieldGrid">
+    <label for="radioItemDefault" class="Radio Radio--item">
+      <input type="radio" id="radioItemDefault" class="Radio__input" name="item" />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+      </span>
+    </label>
+
+    <label for="radioItemDefaultChecked" class="Radio Radio--item">
+      <input type="radio" id="radioItemDefaultChecked" class="Radio__input" name="item" checked />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+      </span>
+    </label>
+
+    <label for="radioItemHelperText" class="Radio Radio--item">
+      <input type="radio" id="radioItemHelperText" class="Radio__input" name="item" />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+        <span class="Radio__helperText">Helper text</span>
+      </span>
+    </label>
+
+    <label for="radioItemDisabled" class="Radio Radio--item Radio--disabled">
+      <input type="radio" id="radioItemDisabled" class="Radio__input" name="itemDisabled" disabled />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+      </span>
+    </label>
+
+    <label for="radioItemDisabledHelperText" class="Radio Radio--item Radio--disabled">
+      <input
+        type="radio"
+        id="radioItemDisabledHelperText"
+        class="Radio__input"
+        name="itemDisabled"
+        disabled
+        checked
+      />
+      <span class="Radio__text">
+        <span class="Radio__label">Radio Label</span>
+        <span class="Radio__helperText">Helper text</span>
+      </span>
+    </label>
+  </div>
+</section>
+
+{{/layout/plain }}
diff --git a/packages/web/src/scss/components/Radio/index.scss b/packages/web/src/scss/components/Radio/index.scss
new file mode 100644
index 0000000000..903333af6c
--- /dev/null
+++ b/packages/web/src/scss/components/Radio/index.scss
@@ -0,0 +1 @@
+@forward 'Radio';
diff --git a/packages/web/src/scss/components/RadioField/README.md b/packages/web/src/scss/components/RadioField/README.md
deleted file mode 100644
index 83504e14d7..0000000000
--- a/packages/web/src/scss/components/RadioField/README.md
+++ /dev/null
@@ -1,98 +0,0 @@
-# RadioField
-
-## Basic usage:
-
-```html
-<label for="radioFieldDefault" class="RadioField">
-  <input type="radio" id="radioFieldDefault" class="RadioField__input" name="default" />
-  <span class="RadioField__text">
-    <span class="RadioField__label">Radio Label</span>
-  </span>
-</label>
-```
-
-## Selected state:
-
-```html
-<label for="radioFieldDefaultChecked" class="RadioField">
-  <input type="radio" id="radioFieldDefaultChecked" class="RadioField__input" name="default" checked />
-  <span class="RadioField__text">
-    <span class="RadioField__label">Radio Label</span>
-  </span>
-</label>
-```
-
-## Disabled state:
-
-```html
-<label for="radioFieldDisabled" class="RadioField RadioField--disabled">
-  <input type="radio" id="radioFieldDisabled" class="RadioField__input" name="default" disabled />
-  <span class="RadioField__text">
-    <span class="RadioField__label">Radio Label</span>
-  </span>
-</label>
-```
-
-## Validation States:
-
-See Validation state [dictionary][dictionary-validation].
-
-```html
-<label for="radioFieldSuccess" class="RadioField RadioField--success">
-  <input type="radio" id="radioFieldSuccess" class="RadioField__input" name="validation" />
-  <span class="RadioField__text">
-    <span class="RadioField__label">Radio Label</span>
-  </span>
-</label>
-
-<label for="radioFieldWarning" class="RadioField RadioField--warning">
-  <input type="radio" id="radioFieldWarning" class="RadioField__input" name="validation" />
-  <span class="RadioField__text">
-    <span class="RadioField__label">Radio Label</span>
-  </span>
-</label>
-
-<label for="radioFieldDanger" class="RadioField RadioField--danger">
-  <input type="radio" id="radioFieldDanger" class="RadioField__input" name="validation" />
-  <span class="RadioField__text">
-    <span class="RadioField__label">Radio Label</span>
-  </span>
-</label>
-```
-
-## With helper text:
-
-```html
-<label for="radioFieldHelperText" class="RadioField">
-  <input type="radio" id="radioFieldHelperText" class="RadioField__input" name="helperText" />
-  <span class="RadioField__text">
-    <span class="RadioField__label">Radio Label</span>
-    <span class="RadioField__helperText">Helper text</span>
-  </span>
-</label>
-```
-
-## As an Item:
-
-```html
-<label for="radioFieldItemDefault" class="RadioField RadioField--item">
-  <input type="radio" id="radioFieldItemDefault" class="RadioField__input" name="item" />
-  <span class="RadioField__text">
-    <span class="RadioField__label">Radio Label</span>
-  </span>
-</label>
-```
-
-## As an Item wrapped with helper text:
-
-```html
-<label for="radioFieldItemHelperText" class="RadioField RadioField--item">
-  <input type="radio" id="radioFieldItemHelperText" class="RadioField__input" name="item" />
-  <span class="RadioField__text">
-    <span class="RadioField__label">Radio Label</span>
-    <span class="RadioField__helperText">Helper text</span>
-  </span>
-</label>
-```
-
-[dictionary-validation]: https://github.com/lmc-eu/spirit-design-system/blob/main/docs/DICTIONARIES.md#validation
diff --git a/packages/web/src/scss/components/RadioField/index.html b/packages/web/src/scss/components/RadioField/index.html
deleted file mode 100644
index 8def9dea85..0000000000
--- a/packages/web/src/scss/components/RadioField/index.html
+++ /dev/null
@@ -1,156 +0,0 @@
-{{#> layout/plain }}
-
-<section class="docs-Section">
-  <h2 class="docs-Heading">Default</h2>
-
-  <div class="docs-FormFieldGrid">
-    <label for="radioFieldDefault" class="RadioField">
-      <input type="radio" id="radioFieldDefault" class="RadioField__input" name="default" />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-      </span>
-    </label>
-
-    <label for="radioFieldDefaultChecked" class="RadioField">
-      <input type="radio" id="radioFieldDefaultChecked" class="RadioField__input" name="default" checked />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-      </span>
-    </label>
-  </div>
-</section>
-
-<section class="docs-Section">
-  <h2 class="docs-Heading">Hidden Label</h2>
-
-  <div class="docs-FormFieldGrid">
-    <label for="radioFieldHiddenLabel" class="RadioField">
-      <input type="radio" id="radioFieldHiddenLabel" class="RadioField__input" name="hiddenLabel" />
-      <span class="RadioField__text">
-        <span class="RadioField__label RadioField__label--hidden">Radio Label</span>
-      </span>
-    </label>
-  </div>
-</section>
-
-<section class="docs-Section">
-  <h2 class="docs-Heading">Helper Text</h2>
-
-  <div class="docs-FormFieldGrid">
-    <label for="radioFieldHelperText" class="RadioField">
-      <input type="radio" id="radioFieldHelperText" class="RadioField__input" name="helperText" />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-        <span class="RadioField__helperText">Helper text</span>
-      </span>
-    </label>
-  </div>
-</section>
-
-<section class="docs-Section">
-  <h2 class="docs-Heading">Disabled</h2>
-
-  <div class="docs-FormFieldGrid">
-    <label for="radioFieldDisabled" class="RadioField RadioField--disabled">
-      <input type="radio" id="radioFieldDisabled" class="RadioField__input" name="disabled" disabled />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-      </span>
-    </label>
-
-    <label for="radioFieldDisabledHelperText" class="RadioField RadioField--disabled">
-      <input type="radio" id="radioFieldDisabledHelperText" class="RadioField__input" name="disabledHelperText" disabled checked />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-        <span class="RadioField__helperText">Helper text</span>
-      </span>
-    </label>
-  </div>
-</section>
-
-<section class="docs-Section">
-  <h2 class="docs-Heading">Validation State</h2>
-
-  <div class="docs-FormFieldGrid">
-    <label for="radioFieldSuccess" class="RadioField RadioField--success">
-      <input type="radio" id="radioFieldSuccess" class="RadioField__input" name="validation" />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-      </span>
-    </label>
-
-    <label for="radioFieldWarning" class="RadioField RadioField--warning">
-      <input type="radio" id="radioFieldWarning" class="RadioField__input" name="validation" />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-      </span>
-    </label>
-
-    <label for="radioFieldDanger" class="RadioField RadioField--danger">
-      <input type="radio" id="radioFieldDanger" class="RadioField__input" name="validation" />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-      </span>
-    </label>
-
-    <label for="radioFieldWarningHelperText" class="RadioField RadioField--warning">
-      <input type="radio" id="radioFieldWarningHelperText" class="RadioField__input" name="validation" checked />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-        <span class="RadioField__helperText">Helper text</span>
-      </span>
-    </label>
-  </div>
-</section>
-
-<section class="docs-Section">
-  <h2 class="docs-Heading">Item</h2>
-
-  <div class="docs-FormFieldGrid">
-    <label for="radioFieldItemDefault" class="RadioField RadioField--item">
-      <input type="radio" id="radioFieldItemDefault" class="RadioField__input" name="item" />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-      </span>
-    </label>
-
-    <label for="radioFieldItemDefaultChecked" class="RadioField RadioField--item">
-      <input type="radio" id="radioFieldItemDefaultChecked" class="RadioField__input" name="item" checked />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-      </span>
-    </label>
-
-    <label for="radioFieldItemHelperText" class="RadioField RadioField--item">
-      <input type="radio" id="radioFieldItemHelperText" class="RadioField__input" name="item" />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-        <span class="RadioField__helperText">Helper text</span>
-      </span>
-    </label>
-
-    <label for="radioFieldItemDisabled" class="RadioField RadioField--item RadioField--disabled">
-      <input type="radio" id="radioFieldItemDisabled" class="RadioField__input" name="itemDisabled" disabled />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-      </span>
-    </label>
-
-    <label for="radioFieldItemDisabledHelperText" class="RadioField RadioField--item RadioField--disabled">
-      <input
-        type="radio"
-        id="radioFieldItemDisabledHelperText"
-        class="RadioField__input"
-        name="itemDisabled"
-        disabled
-        checked
-      />
-      <span class="RadioField__text">
-        <span class="RadioField__label">Radio Label</span>
-        <span class="RadioField__helperText">Helper text</span>
-      </span>
-    </label>
-  </div>
-</section>
-
-{{/layout/plain }}
diff --git a/packages/web/src/scss/components/RadioField/index.scss b/packages/web/src/scss/components/RadioField/index.scss
deleted file mode 100644
index 269769d4cd..0000000000
--- a/packages/web/src/scss/components/RadioField/index.scss
+++ /dev/null
@@ -1 +0,0 @@
-@forward 'RadioField';
diff --git a/packages/web/src/scss/components/index.scss b/packages/web/src/scss/components/index.scss
index 4a8be5aa5a..bf08e68036 100644
--- a/packages/web/src/scss/components/index.scss
+++ b/packages/web/src/scss/components/index.scss
@@ -12,7 +12,7 @@
 @forward 'Modal';
 @forward 'Pagination';
 @forward 'Pill';
-@forward 'RadioField';
+@forward 'Radio';
 @forward 'ScrollView';
 @forward 'Select';
 @forward 'Stack';
diff --git a/packages/web/src/scss/theme/_form-fields.scss b/packages/web/src/scss/theme/_form-fields.scss
index 2812f1a62c..da0f9bac20 100644
--- a/packages/web/src/scss/theme/_form-fields.scss
+++ b/packages/web/src/scss/theme/_form-fields.scss
@@ -24,7 +24,7 @@ $helper-text-margin-top: tokens.$space-300;
 $helper-text-color-default: tokens.$text-secondary-default;
 $helper-text-color-disabled: tokens.$text-secondary-disabled;
 
-// Inline field form components – Checkbox, RadioField, etc.
+// Inline field form components – Checkbox, Radio, etc.
 $inline-field-input-color-unchecked: tokens.$action-unselected-default;
 $inline-field-input-color-checked: tokens.$action-selected-default;
 $inline-field-input-outline-width: tokens.$border-width-200;
diff --git a/packages/web/src/scss/tools/_form-fields.scss b/packages/web/src/scss/tools/_form-fields.scss
index a43c0ca744..7f8b10d5fd 100644
--- a/packages/web/src/scss/tools/_form-fields.scss
+++ b/packages/web/src/scss/tools/_form-fields.scss
@@ -126,7 +126,7 @@
                     }
                 }
 
-                @if $field-name == 'RadioField' {
+                @if $field-name == 'Radio' {
                     &::before {
                         background-color: map.get($validation-state-value, input-border-color);
                         box-shadow: inset $shadow-x $shadow-y map.get($validation-state-value, input-border-color);
@@ -144,7 +144,7 @@
             }
         }
 
-        @if $field-name != 'Checkbox' or $field-name != 'RadioField' {
+        @if $field-name != 'Checkbox' or $field-name != 'Radio' {
             :is(.#{$field-name}--#{$validation-state-name}, .#{$field-name}.has-#{$validation-state-name})
                 :is(
                     .#{$field-name}__validationText,