diff --git a/weblate/templates/bootstrap5/layout/radioselect_access.html b/weblate/templates/bootstrap5/layout/radioselect_access.html
index 6c7b99916f66..f43944011971 100644
--- a/weblate/templates/bootstrap5/layout/radioselect_access.html
+++ b/weblate/templates/bootstrap5/layout/radioselect_access.html
@@ -19,68 +19,91 @@
       {% for choice in field.field.choices %}
         {% with choice_str=choice.0|stringformat:"s" %}
           <div class="col-sm-3">
+
             <label for="id_{{ field.html_name }}_{{ forloop.counter }}"
-                   class="{% if inline_class %}radio-{{ inline_class }}{% endif %}">
-              <h5>
+                   class="radio-option {% if inline_class %}radio-{{ inline_class }}{% endif %}">
+
+              <div class="radio-main">
+
                 <input type="radio"
                        {% if choice_str == field.value|default_if_none:""|stringformat:"s" %}checked="checked"{% endif %}
                        name="{{ field.html_name }}"
                        id="id_{{ field.html_name }}_{{ forloop.counter }}"
                        value="{{ choice.0|unlocalize }}"
                        {{ field.field.widget.attrs|flatatt }}>
+
                 {% with image_name="access/"|add:choice_str|add:".svg" %}
-                  <img class="access-icon" src="{% static image_name %}" />
+                  <img class="access-icon" src="{% static image_name %}" alt="" />
                 {% endwith %}
-                {{ choice.1|unlocalize }}
-              </h5>
-              {% if choice_str == "0" %}
-                <p>{% translate "Visible to everybody." %}</p>
-                <p>{% translate "Any authenticated user can contribute." %}</p>
-                {% if has_gitexport %}
-                  <p>
-                    {% translate "VCS repository is accessible to everybody." %} {% documentation_icon 'admin/optionals' 'git-exporter' %}
-                  </p>
-                {% endif %}
-              {% elif choice_str == "1" %}
-                <p>{% translate "Visible to everybody." %}</p>
-                <p>{% translate "Only chosen users can contribute." %}</p>
-                {% if has_gitexport %}
-                  <p>
-                    {% translate "Only chosen users can access VCS repository." %} {% documentation_icon 'admin/optionals' 'git-exporter' %}
-                  </p>
-                {% endif %}
-              {% elif choice_str == "100" %}
-                <p>{% translate "Visible only to chosen users." %}</p>
-                <p>{% translate "Only chosen users can contribute." %}</p>
-                {% if has_gitexport %}
+
+                <span class="radio-text">{{ choice.1|unlocalize }}</span>
+
+              </div>
+
+
+              <div class="radio-description">
+
+                {% if choice_str == "0" %}
+                  <p>{% translate "Visible to everybody." %}</p>
+                  <p>{% translate "Any authenticated user can contribute." %}</p>
+
+                  {% if has_gitexport %}
+                    <p>
+                      {% translate "VCS repository is accessible to everybody." %}
+                      {% documentation_icon 'admin/optionals' 'git-exporter' %}
+                    </p>
+                  {% endif %}
+
+                {% elif choice_str == "1" %}
+                  <p>{% translate "Visible to everybody." %}</p>
+                  <p>{% translate "Only chosen users can contribute." %}</p>
+
+                  {% if has_gitexport %}
+                    <p>
+                      {% translate "Only chosen users can access VCS repository." %}
+                      {% documentation_icon 'admin/optionals' 'git-exporter' %}
+                    </p>
+                  {% endif %}
+
+                {% elif choice_str == "100" %}
+                  <p>{% translate "Visible only to chosen users." %}</p>
+                  <p>{% translate "Only chosen users can contribute." %}</p>
+
+                  {% if has_gitexport %}
+                    <p>
+                      {% translate "Only chosen users can access VCS repository." %}
+                      {% documentation_icon 'admin/optionals' 'git-exporter' %}
+                    </p>
+                  {% endif %}
+
+                {% elif choice_str == "200" %}
+                  <p>{% translate "Permissions are not managed in Weblate." %}</p>
+
                   <p>
-                    {% translate "Only chosen users can access VCS repository." %} {% documentation_icon 'admin/optionals' 'git-exporter' %}
+                    <strong>
+                      {% translate "Only use this if you know what you are doing, enabling it might revoke your access to this project." %}
+                    </strong>
                   </p>
                 {% endif %}
-              {% elif choice_str == "200" %}
-                <p>{% translate "Permissions are not managed in Weblate." %}</p>
-                <p>
-                  <strong>
-                    {% translate "Only use this if you know what you are doing, enabling it might revoke your access to this project." %}
-                  </strong>
-                </p>
-              {% endif %}
-            {% endwith %}
-          </label>
+
+              </div>
+
+            </label>
+
+          </div>
+        {% endfor %}
+      </div>
+      {% if "disabled" in flat_attrs %}
+        <div>
+          <p>
+            {% translate "You do not have permission to change project access control." %}
+            {% if has_billing %}
+              <a href="{% url 'billing' %}">{% translate "Check your billing status" %}</a>
+            {% endif %}
+          </p>
         </div>
-      {% endfor %}
+      {% endif %}
+
     </div>
-    {% if "disabled" in flat_attrs %}
-      <div>
-        <p>
-          {% translate "You do not have permission to change project access control." %}
-          {% if has_billing %}
-            <a href="{% url 'billing' %}">{% translate "Check your billing status" %}</a>
-          {% endif %}
-        </p>
-      </div>
-    {% endif %}
 
   </div>
-
-</div>
diff --git a/weblate/templates/mail/style.css b/weblate/templates/mail/style.css
index f47bfbdd66b0..7bb8e331a7e9 100644
--- a/weblate/templates/mail/style.css
+++ b/weblate/templates/mail/style.css
@@ -1,3 +1,40 @@
+/* Fix: make radio options fully clickable */
+
+.radio-option {
+  display: block;
+  width: 100%;
+  padding: 10px 8px;
+  cursor: pointer;
+  border-radius: 6px;
+}
+
+.radio-option:hover {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+.radio-main {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.radio-main input[type="radio"] {
+  margin: 0;
+  cursor: pointer;
+}
+
+.radio-text {
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.radio-description {
+  margin-left: 28px;
+  margin-top: 4px;
+  font-size: 14px;
+  color: #666;
+}
+
 button,
 hr,
 input {