diff --git a/app/assets/stylesheets/app.scss b/app/assets/stylesheets/app.scss
index 3d3200375..3e237d0a4 100644
--- a/app/assets/stylesheets/app.scss
+++ b/app/assets/stylesheets/app.scss
@@ -230,3 +230,14 @@ details .arrow {
 .heading-inline {
   display: inline-block;
 }
+
+.branding-radio {
+
+  img {
+    background: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 0), $white;
+    background-repeat: repeat, repeat;
+    background-position: 0px 0, 5px 5px;
+    background-size: 10px 10px, 10px 10px;
+  }
+
+}
diff --git a/app/templates/components/radios.html b/app/templates/components/radios.html
index b6149fa6b..c402006a3 100644
--- a/app/templates/components/radios.html
+++ b/app/templates/components/radios.html
@@ -98,7 +98,7 @@
         {% endif %}
       </legend>
       {% for value, option, checked in field.iter_choices() %}
-        <div class="multiple-choice">
+        <div class="multiple-choice branding-radio">
           <input
             type="radio"
             name="{{ field.name }}"