Better

app/assets/stylesheets/admin/commons/content-editor.sass

 .edit_communication_block
     #layouts
         .layout
+            label
+                cursor: pointer
+            &:hover
+                background: #eeeeee
             &--selected
-                background: $color-accent
+                background: $color-accent !important
                 *
                     color: white
                 .layout__image

app/views/admin/communication/blocks/components/layout/_edit.html.erb

@@ -17,16 +17,16 @@ layouts = template.class.layouts
   </a>
 </p>
 
-<div class="collapse mb-5" id="layouts">
+<div class="-collapse mb-5" id="layouts">
   <% layouts.each do |layout| %>
     <%
     i18n = "admin.communication.blocks.templates.#{template.kind}.layouts.#{layout}"
     name = t "#{i18n}.label"
     description = t "#{i18n}.description"
     %>
-    <div class="mb-4" v-bind:class="{ 'layout--selected': data.layout == '<%= layout %>' }">
+    <div class="mb-4 layout" v-bind:class="{ 'layout--selected': data.layout == '<%= layout %>' }">
       <label for="layout-<%= layout %>">
-        <div class="row">
+        <div class="row pure__row--small">
           <div class="col-lg-4">
             <%= image_tag "communication/blocks/templates/#{template.kind}/#{layout}.png",
                           alt: name,
@@ -34,15 +34,17 @@ layouts = template.class.layouts
                           loading: 'lazy' %>
           </div>
           <div class="col-lg-8 d-lg-flex flex-column justify-content-center">
-            <div class="p-4 p-lg-0 p-lg-e5">
-              <input  class="form-check-input d-none"
-                      type="radio"
-                      name="layout"
-                      v-model="data.layout"
-                      value="<%= layout %>"
-                      id="layout-<%= layout %>">
-              <h3><%= name %></h3>
-              <p><%= description %></p>
+            <div class="p-3 pe-5">
+              <p class="mb-0">
+                <b><%= name %></b>
+                <input  class="form-check-input opacity-0"
+                        type="radio"
+                        name="layout"
+                        v-model="data.layout"
+                        value="<%= layout %>"
+                        id="layout-<%= layout %>">
+              </p>
+              <p class="mb-0"><%= description %></p>
             </div>
           </div>
         </div>