diff --git a/.github/workflows/visual-regression-tests.yml b/.github/workflows/visual-regression-tests.yml
index 26c42db5d2..f0dab1d362 100644
--- a/.github/workflows/visual-regression-tests.yml
+++ b/.github/workflows/visual-regression-tests.yml
@@ -7,7 +7,7 @@ env:
 
 jobs:
   run-visual-regression-tests:
-    runs-on: macos-latest
+    runs-on: macos-12
 
     steps:
       - name: Checkout
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button-expanded_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button-expanded_0_document_0_desktop.png
index 405018f526..0e8885430b 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button-expanded_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button-expanded_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5a5ef2ac7d93b7db28d7f5ca9109ba9a4ba03662bae2e06e12930785eb52f336
-size 49958
+oid sha256:00db7ddad9287c7a0c240a309b58cbbe28929734c0b3116bbd3ae1e533590c3b
+size 49967
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button-expanded_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button-expanded_0_document_1_tablet.png
index a30aeafc89..56d64bd393 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button-expanded_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button-expanded_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:fad8f3f9b682b9605fac1ca8245042da7def1a637d9c380ce01ea0e30e834144
-size 43034
+oid sha256:4d828464e2a429d8a7e1fa47d38374164fa15426fcdc52a68851fc7145971f57
+size 43009
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button-expanded_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button-expanded_0_document_2_mobile.png
index 3debf1a5f6..52b9dd7996 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button-expanded_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button-expanded_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:42dbe673ec27af1760c004ee34a0c71cab3f782c38d27eb141f41ee76bbd1350
-size 38590
+oid sha256:2869680525c1e75236545145cf54dbddbd9f966acd6db2a2c2ba195a3da863a2
+size 38612
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button_0_document_0_desktop.png
index 99490d17e4..d5fcb37af4 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cf7f50112365d1ce5f7ff9da500102711459820c34feb278ccdff2ecc40bb58c
-size 44835
+oid sha256:107f7b7b5de4fed483ea02e0805e3482004fb01a67bdb56cad89ab2a06833ec3
+size 44840
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button_0_document_1_tablet.png
index 8d4f88ca5d..38de338b7e 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-clear-button_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b049e919193593bfac596cabbdb4843aaee79476de595ee74c93c1f3534ade78
-size 38149
+oid sha256:7f5ec37710d28bf1bf739fbd39989503eb714b294a96193d2ade59237eb85a77
+size 38128
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-descriptions_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-descriptions_0_document_0_desktop.png
index 3dc6959801..c71a96f0bc 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-descriptions_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-descriptions_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:63a235832bad5468d1543ce474dbea9806cc08a553e3142291ab6dfd38857812
+oid sha256:59161a6f75adfe5e9d48bb2725af013831dec2f8cf9f74fb7d3ce6375f677ed3
 size 59872
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-descriptions_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-descriptions_0_document_1_tablet.png
index b137910afc..11debe8425 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-descriptions_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-descriptions_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:87bb82ce21308118f60d9af69470066deb13fedf32fe7e866fa3832af1314564
-size 55090
+oid sha256:ac9a292efb0e7d7e303d8bc35ad6e0c82a557108b518a5133e6f669dffe6001b
+size 55078
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-error_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-error_0_document_1_tablet.png
index 32decb26ae..a10de4c4db 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-error_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-error_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:71377764e0c6b3153c28475a7a3682ff9a4acdc2f2f66c346059e574261a8acf
-size 15462
+oid sha256:bc12c4ff707509263aaa6a441822b8612b61f60af95e29dc525cce865851fd92
+size 15476
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-error_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-error_0_document_2_mobile.png
index edd0a4e554..9f0b3df278 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-error_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-error_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:817c1a86fdb0928d222e4f6bd0ca29a3e7e0b68c80a36e4528c4fc363f5c7044
-size 13143
+oid sha256:0784c6e67c7da12066ac4011dfbf83e2115eea3ef7dbf3d85625a2942cabd45b
+size 13126
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-checkboxes-expanded_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-checkboxes-expanded_0_document_1_tablet.png
index 036cd4818b..7382baaf9f 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-checkboxes-expanded_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-checkboxes-expanded_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:af5f5f0c0eb2b8bcfe1fc56b6215e949c8a72958c7f20c2dae154d4320c46510
-size 27285
+oid sha256:c4ab00bd08c759b73bc50d8eeb52bd4310947ef6ae843dc83ddec7a48e02cf8d
+size 27251
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-checkboxes-expanded_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-checkboxes-expanded_0_document_2_mobile.png
index 3a3874e203..475e0bbe0e 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-checkboxes-expanded_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-checkboxes-expanded_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:74379c18d4d5a80316afa1944eccc9ce921b66e0ce1a0e5e640745b9dc80b080
-size 24102
+oid sha256:4e17c34b7dc597394183f0c956639fd0e4abcdcaa4ab2a2651c82737d39213e4
+size 24082
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-radios-expanded_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-radios-expanded_0_document_1_tablet.png
index b52bc0a9eb..2254e98de8 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-radios-expanded_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-radios-expanded_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1b147088709f58435b5fd5c5a77af286637600be0bb97f954411528a8882a983
-size 29829
+oid sha256:1d16a7ea50b016fd040ea7656e21c77d9ea08e20444898fdf2ddb29c263b8100
+size 29806
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-radios-expanded_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-radios-expanded_0_document_2_mobile.png
index b1c5145d56..f31f600b1b 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-radios-expanded_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-radios-expanded_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:fa04222f42254ad768f10b5ec7c7dc319591daa089353bf678b567c0fe71c295
-size 26346
+oid sha256:9e68abdc137a7320f92ebcd305a5b9aa737b2993d9d04ece75248f20e92947cf
+size 26331
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-select-expanded_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-select-expanded_0_document_0_desktop.png
index c453fe05a6..9c95633a69 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-select-expanded_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-select-expanded_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5bc0edf6509d4c4c6a591460250c33047824b7607fc781875003c44c51abc48e
-size 32417
+oid sha256:9622a48a5df4aeee0a3d4276c4df36e87843cff0501092ddeeb55e626002b428
+size 32397
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-select-expanded_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-select-expanded_0_document_1_tablet.png
index c5f65a6cbb..8076f6d041 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-select-expanded_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-select-expanded_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9f628a1f5eb28e79133513c963b495324529cc5fb438aafaaffdded9578e752a
-size 26330
+oid sha256:b70b67254852a27ade4ef09b21bd2ed7c16ed8a890da293b6a79d2d04c266881
+size 26298
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-select-expanded_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-select-expanded_0_document_2_mobile.png
index 9acc625f31..ce3e3c87c1 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-select-expanded_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-select-expanded_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:87e750916a9878d4d87335bc2fe8c5eea2d001c1145cb7014748d1b65bccef13
-size 22920
+oid sha256:3324943b244171d66f379e891a4b1a91e223d8833cad1132491f9cee15c53f12
+size 22905
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area-expanded_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area-expanded_0_document_0_desktop.png
new file mode 100644
index 0000000000..9052c68df6
--- /dev/null
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area-expanded_0_document_0_desktop.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf26b18169f7a71fcbb77e46aac3eee8242f3682c616ab270bf531e76d2a8024
+size 47620
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area-expanded_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area-expanded_0_document_1_tablet.png
new file mode 100644
index 0000000000..4efc430d03
--- /dev/null
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area-expanded_0_document_1_tablet.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4e2768f2c81e8afc08f6e861517560f7b13696efd7f6abd71ce5d4c8db03ffea
+size 40559
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area-expanded_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area-expanded_0_document_2_mobile.png
new file mode 100644
index 0000000000..5fbb567abc
--- /dev/null
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area-expanded_0_document_2_mobile.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5d8534262c44035612af103bf617247c43627b350a061ec708a2cd5920c840ad
+size 38513
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area_0_document_0_desktop.png
new file mode 100644
index 0000000000..cf957bf78d
--- /dev/null
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area_0_document_0_desktop.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9aa42904520ec42905b7507d9d59e27743fdbe42d46a7aed2756d630ebf7d83f
+size 40808
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area_0_document_1_tablet.png
new file mode 100644
index 0000000000..3ddcf30bdb
--- /dev/null
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area_0_document_1_tablet.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:69f0268f7e69e720b5df6fee04c2fbaa0bab13f38ae936f3724091b6a55d27d1
+size 34272
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area_0_document_2_mobile.png
new file mode 100644
index 0000000000..50b565995d
--- /dev/null
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-area_0_document_2_mobile.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:03b7f90018d5ebd6d361c7b00cdc2f80a084863c071eb0cfd4f88a93d98fc6bc
+size 30747
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input-expanded_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input-expanded_0_document_0_desktop.png
index 991742bef5..a43d380c03 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input-expanded_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input-expanded_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9ba0e623565e5dbdc2f7708d13c2dc903b02aef86a2f8846b440a023851eea92
-size 44048
+oid sha256:843f8c3eb3a64518582ca5c3788b3f2b74d76af644b8beb7996d328a8a953e09
+size 44071
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input-expanded_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input-expanded_0_document_1_tablet.png
index a3dbeb3c65..e5781e93bb 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input-expanded_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input-expanded_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a3e576633685a569066a19640417931573820a8e6f872c8ac0dcd497b1d39615
-size 37057
+oid sha256:c1743693e26edb148d933847326813d51c288d87eafe4ef67b7253cd5b96d210
+size 37066
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input-expanded_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input-expanded_0_document_2_mobile.png
index f85c915fd7..7d4f24f271 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input-expanded_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input-expanded_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0383d099594d8b0059182a4c26fb144ff91e2061bc09e7c5f1352341954c59b0
-size 34246
+oid sha256:cd3af38bb51acf394a71cfa4d93acebc82de75bcdaa22298cd6b7f6884d9f6d7
+size 34271
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input_0_document_0_desktop.png
index f5db57a9a7..cf957bf78d 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ce494d4c21b5a7ddfee62c338ec9e1d643749fd8a52f060c32b4bd983e0e9b61
-size 40810
+oid sha256:9aa42904520ec42905b7507d9d59e27743fdbe42d46a7aed2756d630ebf7d83f
+size 40808
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input_0_document_1_tablet.png
index c3dc753f5b..3ddcf30bdb 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios-with-revealed-text-input_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f911923db910c4580eb4cf13e7874d782ca341ee5959e83aa4ae3622c8a89a42
-size 34285
+oid sha256:69f0268f7e69e720b5df6fee04c2fbaa0bab13f38ae936f3724091b6a55d27d1
+size 34272
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios_0_document_0_desktop.png
index 27ed993b07..77174f9452 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:77cac03041a613a7254b67b40f1f910837abe8906900bf50771b6b22c782d4bc
-size 31431
+oid sha256:cf3b2c0bee796b79ca52cb5f511fa53cd3f6914b075c545e187103ff048cb142
+size 31425
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios_0_document_1_tablet.png
index ef7d4353d2..f20c199ade 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_radios_example-radios_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:99bec1383d4e9c0903fe971056d77db0f5e21adb1f0adcd2cd5b305b57c043bb
-size 25059
+oid sha256:dd36367cbf8e1740133d1c9aa25a3b4271fa0a96dba272bcdc99a1fcaf32d52c
+size 25056
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_tabs_example-tabs-details_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_tabs_example-tabs-details_0_document_2_mobile.png
index 24050bff5f..82e8862b11 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_tabs_example-tabs-details_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_tabs_example-tabs-details_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:17e3df1a062f7afa2019d01bc159f660f10d6d22a17d8e9d5db681c63805ba7d
-size 467911
+oid sha256:e4eef53b10e6502662ce297f905652b4d3ee6110acd16c93a9402906afa14d04
+size 467970
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-modal_example-timeout-modal_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-modal_example-timeout-modal_0_document_1_tablet.png
index de426ab316..a9a6b77829 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-modal_example-timeout-modal_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-modal_example-timeout-modal_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3349e1f9321498c6b4149553643a6961619a7c9e3b842eec11a602162c5c0f01
-size 28776
+oid sha256:ed106eddbb25d554acbe9a62250818f120b32d8873580132a92f6b79a37638f6
+size 28966
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-modal_example-timeout-modal_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-modal_example-timeout-modal_0_document_2_mobile.png
index d3cf502cac..35866544d2 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-modal_example-timeout-modal_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-modal_example-timeout-modal_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:2f64180f650f4ec6e5428b0974d3d581f8a0ba41cc221c730d3e190bbbe35d93
-size 28812
+oid sha256:7200eb4021f0bb1b82013a741626e68da8ed560443344f1c5f439de15b604679
+size 28979
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_1_tablet.png
index 38d3cec173..de88d7f120 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:255ba5261f88e83a8fb612ac518ba06379e3d196a20b65f9d17e2b856fe84124
-size 13594
+oid sha256:4661d982bbb817b82b7001b8b7f11a42a5621c53180e088b0515712a825ff526
+size 13387
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_2_mobile.png
index f0f681a56c..6f2b3a21ad 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f67e4ca5163a3770c17f4768fd548fc4e4ac0099d5cef4330b6176ee7c5174f2
-size 13805
+oid sha256:62f8e77bc60db24f0b23731e2cae9312cd7221d8d218209fff6bd1b5953b7be2
+size 13595
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_cookies-settings_example-cookie-settings-page_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_cookies-settings_example-cookie-settings-page_0_document_1_tablet.png
index 23bbd74861..b245e944fa 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_cookies-settings_example-cookie-settings-page_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_cookies-settings_example-cookie-settings-page_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ca0a3701d8c5c6f9fd82098fb707cca768012f0408957e033f15383a6fdedd35
-size 230926
+oid sha256:06ac183fb73156e57948529b993a7af09082fced2dba8ebb234eda01a739a61e
+size 230950
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_cookies-settings_example-cookie-settings-page_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_cookies-settings_example-cookie-settings-page_0_document_2_mobile.png
index aed7bc7f1e..545211e4ae 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_cookies-settings_example-cookie-settings-page_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_cookies-settings_example-cookie-settings-page_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e9068d9c3279418bfc9d39d8c749238ac3937b8f4662259bf25e24552f9d6208
-size 258661
+oid sha256:2b8e2543c9b5e26fe6c7f696b903cea6e348de70124f0c08addd8ea833c7795b
+size 258749
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_0_desktop.png
index bdbe4f12d3..e147e00d03 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:34a2cbfc67f84ef3e094fbc6615fb81a0ab8537f53677585188ac02f89cfce07
-size 217803
+oid sha256:f651ee84b0eb6b40a51ca39feb3d63c163cdb585ce249bd39e14dc22608b0cdb
+size 217801
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_1_tablet.png
index fa19a6680c..261044ecc5 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7c49fa093d76570b7de267179af9e966a9f69d6044cd519f6140f507afe5e7f4
-size 193914
+oid sha256:1c612dd191768b209a586821d31f2c74df55b93c70a8243b95261d6999647ca3
+size 193900
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto_0_document_0_desktop.png
index c5f82e7d1d..dbe0b1229e 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3d268eea010a1a7fc5a65aa1aea09cdcc9a4f7298e2251c747b1bff74d0ea91a
-size 124432
+oid sha256:c889a19c538663b0d3ac7f5b6f7341873dcc262a8e2b0740dd5203c8661e4d3b
+size 124441
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto_0_document_1_tablet.png
index 92c53195fb..0939e9c514 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:364d40897990d55d9b20133a992c55794c4e14345117b4cf24e6301b6f34519b
-size 109101
+oid sha256:c6ce924ae62bce27310953008539942a4a1f1cd8de078a1d57962630dc35139c
+size 109103
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_0_desktop.png
index 8587e426fb..c75d55e18c 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c53a89feca268963e59675aaf10e46e39996eaada3ced13a9efd779927fda786
-size 94043
+oid sha256:6178f80746b4c8afbc19e4bcc52f6e1c0b938eec49856040448f09f402667b42
+size 94039
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_1_tablet.png
index d61a4b0db0..ac0c3d6c79 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:674cc8b397997325b6d586690572db0ce1db765d3d97b0a816e1d4f3a34d1a77
-size 83236
+oid sha256:7c29466f8ca491a268adb79900bc9595d4512ce54961c6a5666da26e9dbcf070
+size 83235
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_2_mobile.png
index c6a1ab5b20..8f48a1630b 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9094c718beac845ad4d35fb6ed9fc5cdf8f7dc7a0b6107026edac612441933d1
-size 84709
+oid sha256:7930994947f19373cf0ffa6e3d016ebb1dcad21b566ae682531c141646797bab
+size 84688
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form_0_document_0_desktop.png
index 10565aacae..3ec4357f84 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:2a4af6448625f7b82e3d51a3533a700295a28a128ee91abcf73ef20a123cccad
-size 61347
+oid sha256:8a8697d13df8049cbcb2a9543b4d2c856743837294898f630474b8dc85b774e3
+size 61357
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form_0_document_1_tablet.png
index 4f10afe077..760a448426 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cb67a6024b3bb469b53a44b7b71eb96e6a33ba4558925b35e33ac8a92322b32b
-size 54304
+oid sha256:5f16f6b27de9d2bad90d8a2db522ae7ab0a3c595ca32a4191cff547a73bc27f3
+size 54303
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_0_desktop.png
index 8cace8bacc..63e9b8fcc7 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ea9c6ca72f0683b730980e7dba5d48038eb006346ea56ef1a155b8b4c523e656
-size 127109
+oid sha256:a2855a7324391f5c27fde31c11d156bf080b7f907f1008e36326b5bdb3e0d656
+size 127107
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_1_tablet.png
index 2de6a433f4..a1247e614d 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3f8331d15b31a3381ee04aa21f881011ebf4c73856982e207fdf3973395f4b8a
-size 113297
+oid sha256:37cf90309fe309e3aa80c84674f6872be6afd1aa79b5389eadadc8df74ed0fa5
+size 113305
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-form_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-form_0_document_0_desktop.png
index 9f7aec2911..41c89b0d74 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-form_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-form_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:2e45374b4c6682a07b5d0ce873eb27714c2d865d85310581ce42f3c35b49c8b5
-size 87802
+oid sha256:babde1e41cfd52d8dffc3840a77ebc3c510d608f36abbcb7aece31915871ae59
+size 87773
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-form_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-form_0_document_1_tablet.png
index 0285a6b1cd..ecbcf4d127 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-form_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-form_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:209ed8c81ed83abe081320f3818bce4dc96b5abab487b7919aee833b13270676
-size 78301
+oid sha256:a80fe33f4136a81764e0b05e151b6488e4b897939791ff0388775d406e848dca
+size 78290
diff --git a/jest.config.js b/jest.config.js
index ea8d9bf478..46284e0dc4 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -3,6 +3,7 @@ const config = {
   verbose: true,
   preset: process.env.TEST_WITH_PUPPETEER ? 'jest-puppeteer' : undefined,
   snapshotResolver: `${process.cwd()}/src/tests/helpers/snapshotResolver.js`,
+  modulePathIgnorePatterns: ['templates/components', 'build'],
 };
 
 module.exports = config;
diff --git a/src/components/radios/_macro-options.md b/src/components/radios/_macro-options.md
index 436b6f602a..2e10e2f8d8 100644
--- a/src/components/radios/_macro-options.md
+++ b/src/components/radios/_macro-options.md
@@ -17,15 +17,15 @@
 
 ## Radio
 
-| Name       | Type                                                                                                                                                                       | Required | Description                                                                                                                                                                                                                                              |
-| ---------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| id         | string                                                                                                                                                                     | true     | The HTML `id` of the radio. Used for the label’s `for` attribute.                                                                                                                                                                                        |
-| value      | string                                                                                                                                                                     | false    | The HTML `value` attribute for the radio to set a preset value for the input                                                                                                                                                                             |
-| classes    | string                                                                                                                                                                     | false    | Classes to add to the radio                                                                                                                                                                                                                              |
-| checked    | boolean                                                                                                                                                                    | false    | Set to “true” to select the radio when the page loads                                                                                                                                                                                                    |
-| label      | `Label` [_(ref)_](/components/label)                                                                                                                                       | true     | Settings for the radio label                                                                                                                                                                                                                             |
-| other      | object`<OtherRadio>` with arrays if using `Select` [_(ref)_](/components/select), `Checkboxes` [_(ref)_](/components/checkboxes) or `Radios` [_(ref)_](/components/radios) | false    | Settings for a nested [input](/components/input), [select](/components/select), [checkboxes](/components/checkboxes) or [radios](/components/radios) to provide [other information](#otherradio) in addition to the radio answer. Defaults to use input. |
-| attributes | object                                                                                                                                                                     | false    | HTML attributes (for example, data attributes) to add to the radio input element                                                                                                                                                                         |
+| Name       | Type                                                                                                                                                                       | Required | Description                                                                                                                                                                                                                                                                                |
+| ---------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| id         | string                                                                                                                                                                     | true     | The HTML `id` of the radio. Used for the label’s `for` attribute.                                                                                                                                                                                                                          |
+| value      | string                                                                                                                                                                     | false    | The HTML `value` attribute for the radio to set a preset value for the input                                                                                                                                                                                                               |
+| classes    | string                                                                                                                                                                     | false    | Classes to add to the radio                                                                                                                                                                                                                                                                |
+| checked    | boolean                                                                                                                                                                    | false    | Set to “true” to select the radio when the page loads                                                                                                                                                                                                                                      |
+| label      | `Label` [_(ref)_](/components/label)                                                                                                                                       | true     | Settings for the radio label                                                                                                                                                                                                                                                               |
+| other      | object`<OtherRadio>` with arrays if using `Select` [_(ref)_](/components/select), `Checkboxes` [_(ref)_](/components/checkboxes) or `Radios` [_(ref)_](/components/radios) | false    | Settings for a nested [input](/components/input), [select](/components/select), [checkboxes](/components/checkboxes), [radios](/components/radios) or [textarea](/components/textarea) to provide [other information](#otherradio) in addition to the radio answer. Defaults to use input. |
+| attributes | object                                                                                                                                                                     | false    | HTML attributes (for example, data attributes) to add to the radio input element                                                                                                                                                                                                           |
 
 ## OtherRadio
 
@@ -39,7 +39,7 @@
 | width             | string                               | false                                 | Required width of the nested text input in number of letters or digits. Will also accept a breakpoint suffix, for example, “7@m”. Defaults to “auto”. |
 | type              | string                               | false                                 | Sets the HTML `type` attribute for the nested `<input>`. Can be set to either: “number”, “email”, “tel”, “password”, or “search”. Defaults to “text”. |
 | inputClasses      | string                               | false                                 | Classes to apply to the radio input element                                                                                                           |
-| otherType         | string                               | false (unless alternative input used) | Set the type of nested input if not using default text input, using available types: “select”, “checkboxes” or “radios”.                              |
+| otherType         | string                               | false (unless alternative input used) | Set the type of nested input if not using default text input, using available types: “select”, “checkboxes”, “radios” or “textarea”.                  |
 | open              | boolean                              | false                                 | Set to “true” to show the nested `other` input when page loads                                                                                        |
 | selectAllChildren | boolean                              | false                                 | Set to “true” when using `otherType` set to “checkboxes” to show all nested checkboxes pre-selected                                                   |
 | attributes        | object                               | false                                 | HTML attributes (for example, data attributes) to add to the nested input                                                                             |
diff --git a/src/components/radios/_macro.njk b/src/components/radios/_macro.njk
index e7472036bd..3448be8281 100644
--- a/src/components/radios/_macro.njk
+++ b/src/components/radios/_macro.njk
@@ -113,6 +113,25 @@
                                             "radios": radio.other.radios
                                         })
                                     }}
+                                {% elif otherType == "textarea" %}
+                                    {% from "components/textarea/_macro.njk" import onsTextarea %}
+                                    {{
+                                        onsTextarea({
+                                            "id": radio.other.id,
+                                            "name": radio.other.name,
+                                            "label": {
+                                                "id": radio.other.id + "-label",
+                                                "text": radio.other.label.text,
+                                                "classes": 'ons-u-fw-n',
+                                                "description": radio.other.label.description
+                                            },
+                                            "charCheckLimit": {
+                                                "limit": radio.other.charCheckLimit.limit,
+                                                "charCountSingular": radio.other.charCheckLimit.charCountSingular,
+                                                "charCountPlural": radio.other.charCheckLimit.charCountPlural
+                                            }
+                                        })
+                                    }}
                                 {% endif %}
                             </span>
                         {% endif %}
diff --git a/src/components/radios/_radio.scss b/src/components/radios/_radio.scss
index da8bd46ab3..996f379f4d 100644
--- a/src/components/radios/_radio.scss
+++ b/src/components/radios/_radio.scss
@@ -9,15 +9,10 @@
     box-shadow: inset 0 0 0 3px var(--ons-color-input-bg);
 
     &::after {
+      display: none;
+    }
+    &:checked {
       background-color: var(--ons-color-input-border);
-      border-radius: 50%;
-      border-width: 0;
-      height: 12px;
-      left: 50%;
-      margin-left: -6px;
-      margin-top: -6px;
-      top: 50%;
-      width: 12px;
     }
   }
 
diff --git a/src/components/radios/_radios.scss b/src/components/radios/_radios.scss
index 0fdccd885a..b2d76fe671 100644
--- a/src/components/radios/_radios.scss
+++ b/src/components/radios/_radios.scss
@@ -1,11 +1,17 @@
 .ons-radios {
   &__items {
     @extend .ons-checkboxes__items;
+
+    @include mq(s) {
+      max-width: max-content;
+    }
   }
 
   &__item {
     @extend .ons-checkboxes__item;
 
+    width: 100%;
+
     &--no-border {
       @extend .ons-checkboxes__item--no-border;
 
diff --git a/src/components/radios/example-radios-with-revealed-text-area-expanded.njk b/src/components/radios/example-radios-with-revealed-text-area-expanded.njk
new file mode 100644
index 0000000000..abab2aaf76
--- /dev/null
+++ b/src/components/radios/example-radios-with-revealed-text-area-expanded.njk
@@ -0,0 +1,87 @@
+{% from "components/radios/_macro.njk" import onsRadios %}
+{% from "components/question/_macro.njk" import onsQuestion %}
+
+{% call onsQuestion({
+    "title": "How do you usually travel to work?",
+    "classes": "ons-u-mt-no",
+    "legendIsQuestionTitle": true
+}) %}
+    {{
+        onsRadios({
+            "dontWrap": true,
+            "name": "travel",
+            "radios": [
+                {
+                    "id": "home-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Work mainly from home"
+                    },
+                    "value": "home"
+                },
+                {
+                    "id": "car-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Car or van"
+                    },
+                    "value": "car"
+                },
+                {
+                    "id": "underground-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Underground, metro, light rail or tram"
+                    },
+                    "value": "underground"
+                },
+                {
+                    "id": "train-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Train"
+                    },
+                    "value": "train"
+                },
+                {
+                    "id": "bus-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Bus, minibus or coach"
+                    },
+                    "value": "bus"
+                },
+                {
+                    "id": "bicycle-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Bicycle"
+                    },
+                    "value": "bicycle"
+                },
+                {
+                    "id": "walk-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Walk"
+                    },
+                    "value": "walk"
+                },
+                {
+                    "id": "other-radio-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Other"
+                    },
+                    "value": "other",
+                    "checked": true,
+                    "other": {
+                        "otherType": "textarea",
+                        "id": "other-textbox-example-radio-with-revealed-text-input",
+                        "name": "other-answer",
+                        "label": {
+                            "text": "Enter how you travel"
+                        },
+                        "charCheckLimit": {
+                            "limit": 200,
+                            "charCountSingular": "You have {x} character remaining",
+                            "charCountPlural": "You have {x} characters remaining"
+                        }
+                    }
+                }
+            ]
+        })
+    }}
+{% endcall %}
diff --git a/src/components/radios/example-radios-with-revealed-text-area.njk b/src/components/radios/example-radios-with-revealed-text-area.njk
new file mode 100644
index 0000000000..84ac271ada
--- /dev/null
+++ b/src/components/radios/example-radios-with-revealed-text-area.njk
@@ -0,0 +1,86 @@
+{% from "components/radios/_macro.njk" import onsRadios %}
+{% from "components/question/_macro.njk" import onsQuestion %}
+
+{% call onsQuestion({
+    "title": "How do you usually travel to work?",
+    "classes": "ons-u-mt-no",
+    "legendIsQuestionTitle": true
+}) %}
+    {{
+        onsRadios({
+            "dontWrap": true,
+            "name": "travel",
+            "radios": [
+                {
+                    "id": "home-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Work mainly from home"
+                    },
+                    "value": "home"
+                },
+                {
+                    "id": "car-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Car or van"
+                    },
+                    "value": "car"
+                },
+                {
+                    "id": "underground-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Underground, metro, light rail or tram"
+                    },
+                    "value": "underground"
+                },
+                {
+                    "id": "train-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Train"
+                    },
+                    "value": "train"
+                },
+                {
+                    "id": "bus-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Bus, minibus or coach"
+                    },
+                    "value": "bus"
+                },
+                {
+                    "id": "bicycle-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Bicycle"
+                    },
+                    "value": "bicycle"
+                },
+                {
+                    "id": "walk-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Walk"
+                    },
+                    "value": "walk"
+                },
+                {
+                    "id": "other-radio-example-radio-with-revealed-text-input",
+                    "label": {
+                        "text": "Other"
+                    },
+                    "value": "other",
+                    "other": {
+                        "otherType": "textarea",
+                        "id": "other-textbox-example-radio-with-revealed-text-input",
+                        "name": "other-answer",
+                        "label": {
+                            "text": "Enter how you travel"
+                        },
+                         "charCheckLimit": {
+                            "limit": 200,
+                            "charCountSingular": "You have {x} character remaining",
+                            "charCountPlural": "You have {x} characters remaining"
+                        }
+                    }
+                }
+            ]
+        })
+    }}
+{% endcall %}
diff --git a/src/tests/helpers/url-generator.js b/src/tests/helpers/url-generator.js
index 4902913dbf..6af7994058 100644
--- a/src/tests/helpers/url-generator.js
+++ b/src/tests/helpers/url-generator.js
@@ -24,7 +24,7 @@ export default async () => {
       const files = await glob(`${directory.path}/${folder}/**/example-*.njk`);
       for (const file of files) {
         const urlPath = file.replace(/^/, './').replace(/^\.\/src\/(.*\/example-.*?)\.njk$/, '/$1');
-        urls.push({ url: `${testURL}${urlPath}`, label: urlPath, delay: 2000 });
+        urls.push({ url: `${testURL}${urlPath}`, label: urlPath, delay: 2000, misMatchThreshold: 0.05 });
       }
     }
   }