Apply suggestions from code review

client/scss/components/_footer.scss

@@ -96,9 +96,12 @@
     gap: theme('spacing.2');
     grid-auto-flow: column;
 
-    > * {
-      // Reset the margin on any .button sibling elements
-      height: auto;
+    .button {
+      // There are default .button styles that would:
+      // - set height responsively
+      // - add a margin when there is a .button sibling
+      // Unset these styles in favor of a fixed height and the grid gap
+      height: $text-input-height;
       margin-inline-start: initial;
     }
 
@@ -122,6 +125,7 @@
 
   .icon {
     width: theme('spacing.4');
+    height: theme('spacing.4');
     margin-inline-end: theme('spacing.2');
     flex-shrink: 0;
   }

wagtail/snippets/templates/wagtailsnippets/snippets/create.html

@@ -12,7 +12,7 @@
 
 {% block actions %}
     <footer class="footer">
-        <nav class="actions actions--primary footer__container w-grid" aria-label="{% trans 'Actions' %}">
+        <nav class="actions actions--primary footer__container" aria-label="{% trans 'Actions' %}">
             {{ action_menu.render_html }}
         </nav>
     </footer>

wagtail/snippets/templates/wagtailsnippets/snippets/edit.html

@@ -13,7 +13,7 @@
 
 {% block actions %}
     <footer class="footer">
-        <nav class="actions actions--primary footer__container w-grid" aria-label="{% trans 'Actions' %}">
+        <nav class="actions actions--primary footer__container" aria-label="{% trans 'Actions' %}">
             {{ action_menu.render_html }}
         </nav>
     </footer>