diff --git a/addons/web/static/src/scss/modal.scss b/addons/web/static/src/scss/modal.scss
index 5d4aae44ff9..a71f8aa0ff2 100644
--- a/addons/web/static/src/scss/modal.scss
+++ b/addons/web/static/src/scss/modal.scss
@@ -29,11 +29,16 @@
             text-align: left;
             justify-content: flex-start;
 
+            // TODO These rules should not be necessary if we used buttons
+            // as direct children of the modal-footer as normally required
             > div, > footer {
-                // TODO this rule should not be necessary if we used buttons
-                // as direct children of the modal-footer as normally required
                 flex: 1 1 auto;
             }
+
+            footer {
+                > :not(:first-child) { margin-left: .25rem; }
+                > :not(:last-child) { margin-right: .25rem; }
+            }
         }
     }