2 files changed, 4 insertions, 3 deletions

diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index a581749..4f18424 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -39,7 +39,7 @@
         @include bem.elem('thumbnails') {
             display:            none;
             grid-area:          thumbnails;
-            gap:                props.get(vars.$thumbnail--spacing);
+            gap:                props.get(vars.$thumbnails--spacing);
             padding:            props.get(vars.$pad);
             margin-block-start: calc(-1 * props.get(vars.$pad));
             overflow:           auto;
diff --git a/src/objects/_lightbox.vars.scss b/src/objects/_lightbox.vars.scss
index 999776e..34d271e 100644
--- a/src/objects/_lightbox.vars.scss
+++ b/src/objects/_lightbox.vars.scss
@@ -4,8 +4,7 @@
 @use '../core.vars' as core;
 
 $pad: props.def(--o-lightbox--pad, props.get(core.$size--150)) !default;
-
-$fullscreen--height: props.def(--o-lightbox--fullscreen--height, 100vh) !default;
+$fullscreen--height:  props.def(--o-lightbox--fullscreen--height, 100vh) !default;
 
 $image--max-height: props.def(--o-lightbox--image--max-height, calc(100vh - props.get(core.$size--600))) !default;
 
@@ -18,6 +17,8 @@ $nav-button--font-size:   props.def(--o-lightbox--nav-button--font-size, props.g
 $nav-button--inline-size--md: props.def(--o-lightbox--nav-button--inline-size, props.get(core.$size--2500), 'md') !default;
 $nav-button--block-size--md:  props.def(--o-lightbox--nav-button--block-size, props.get(core.$size--2500), 'md') !default;
 
+$thumbnails--spacing: props.def(--o-lightbox--thumbnails--spacing, props.get(core.$size--100)) !default;
+
 $static-themes: props.def(--o-lightbox, (), 'color');
 
 @each $theme in map.keys(props.get(core.$transparent-colors)) {