2 files changed, 16 insertions, 24 deletions

diff --git a/tpl/index.pug b/tpl/index.pug
index 0b74ed8..605fa35 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -88,31 +88,23 @@ html
             +rule('medium')
 
             +box
-                +a-button(variant='accent')= 'Button'
-                = ' '
-                +a-button(variant='accent' disabled=true)= 'Button'
-                = ' '
-                +a-button(variant='accent' outline=true)= 'Button'
-                = ' '
-                +a-button(variant='accent' outline=true disabled=true)= 'Button'
+                .l-button-group
+                    +a-button(variant='accent')= 'Button'
+                    +a-button(variant='accent' disabled=true)= 'Button'
+                    +a-button(variant='accent' outline=true)= 'Button'
+                    +a-button(variant='accent' outline=true disabled=true)= 'Button'
                 br
+                .l-button-group
+                    +a-button(variant='primary')= 'Button'
+                    +a-button(variant='primary' disabled=true)= 'Button'
+                    +a-button(variant='primary' outline=true)= 'Button'
+                    +a-button(variant='primary' outline=true disabled=true)= 'Button'
                 br
-                +a-button(variant='primary')= 'Button'
-                = ' '
-                +a-button(variant='primary' disabled=true)= 'Button'
-                = ' '
-                +a-button(variant='primary' outline=true)= 'Button'
-                = ' '
-                +a-button(variant='primary' outline=true disabled=true)= 'Button'
-                br
-                br
-                +a-button(variant='secondary')= 'Button'
-                = ' '
-                +a-button(variant='secondary' disabled=true)= 'Button'
-                = ' '
-                +a-button(variant='secondary' outline=true)= 'Button'
-                = ' '
-                +a-button(variant='secondary' outline=true disabled=true)= 'Button'
+                .l-button-group
+                    +a-button(variant='secondary')= 'Button'
+                    +a-button(variant='secondary' disabled=true)= 'Button'
+                    +a-button(variant='secondary' outline=true)= 'Button'
+                    +a-button(variant='secondary' outline=true disabled=true)= 'Button'
 
             //-----------------------------------------
 
diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug
index 2cbbd4f..3cbe95e 100644
--- a/tpl/objects/dialog.pug
+++ b/tpl/objects/dialog.pug
@@ -10,7 +10,7 @@ mixin dialog(title)
         +rule('medium')
         section.o-dialog__body
             block
-        footer.o-dialog__footer
+        footer.o-dialog__footer.l-button-group
             +a-button(outline=true)= 'Cancel'
             = ' '
             +a-button(outline=true variant='primary')= 'Continue'