From 08db79209c09b9b067ad3963e5afc515ce827643 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sun, 8 Feb 2026 11:21:55 +0100
Subject: Update

---
 src/objects/_lightbox.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/objects/_lightbox.scss')

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') {
-- 
cgit v1.2.3-70-g09d2