Update

1 files changed, 5 insertions, 1 deletions

diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index b78fb38..67619b2 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -8,6 +8,7 @@
 @forward 'lightbox.vars';
 @use 'lightbox.vars' as vars;
 
+@use 'button.vars' as button;
 @use 'backdrop.vars' as backdrop;
 @use 'thumbnail.vars' as thumbnail;
 
@@ -46,7 +47,6 @@
                         position:          absolute;
                         inset-block-start: props.get(vars.$pad);
                         z-index:           20;
-                        padding:           props.get(vars.$controls--pad-y) props.get(vars.$controls--pad-x);
                         background-color:  props.get(vars.$controls--bg);
                         border-radius:     10em;
                         box-shadow:
@@ -59,10 +59,14 @@
 
                 @include bem.elem('info') {
                         inset-inline-start:  props.get(vars.$pad);
+                        padding:
+                                calc(props.get(vars.$controls--pad-b) + props.get(button.$pad-b))
+                                calc(props.get(vars.$controls--pad-i) + props.get(button.$pad-i));
                 }
 
                 @include bem.elem('controls') {
                         inset-inline-end:  props.get(vars.$pad);
+                        padding:           props.get(vars.$controls--pad-b) props.get(vars.$controls--pad-i);
                 }
 
                 @include bem.elem('img') {