diff --git a/assets/scss/snap-gallery.scss b/assets/scss/snap-gallery.scss
index e41c880..4c49b65 100644
--- a/assets/scss/snap-gallery.scss
+++ b/assets/scss/snap-gallery.scss
@@ -1,4 +1,4 @@
-.snap-wrapper {
+.snap-gallery-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
diff --git a/layouts/partials/gallery.html b/layouts/partials/gallery.html
new file mode 100644
index 0000000..27a25f9
--- /dev/null
+++ b/layouts/partials/gallery.html
@@ -0,0 +1,9 @@
+{{ $imgs := .imgs }}
+{{ $galno := .galno }}
+
+ {{ range $i, $img := $imgs }}
+
+

+
+ {{ end }}
+
diff --git a/layouts/partials/lightbox.html b/layouts/partials/lightbox.html
index d4f84e0..f99d1d5 100644
--- a/layouts/partials/lightbox.html
+++ b/layouts/partials/lightbox.html
@@ -1,4 +1,3 @@
-{{/* The Modal/Lightbox */}}
{{ $imgs := .imgs }}
{{ $galno := .galno }}
diff --git a/layouts/shortcodes/snap-gallery.html b/layouts/shortcodes/snap-gallery.html
index 12286e5..90dcef0 100644
--- a/layouts/shortcodes/snap-gallery.html
+++ b/layouts/shortcodes/snap-gallery.html
@@ -19,15 +19,10 @@
{{ end }}
{{ end }}
-{{/* Visible images */}}
-
-{{ range $i, $img := $imgs }}
-
-

-
-{{ end }}
-
+{{/* Visible images in gallery mode */}}
+{{ partial "gallery" (dict "columns" .Params.columns "minwidth" .Params.minwidth "imgs" $imgs "galno" $galno) }}
+{{/* The Modal/Lightbox */}}
{{ partial "lightbox" (dict "galno" $galno "imgs" $imgs) }}
{{/* Load CSS/JS and make sure it is only loaded once */}}