Added additional container to scenes component to prevent gaps between grid tiles.

components/scenes/scenes.vue

@@ -114,9 +114,8 @@
 				/>
 			</nav>
 
-			<ul
-				class="scenes nolist"
-			>
+			<div class="scenes-items">
+				<ul class="scenes nolist">
 					<template v-for="item in campaignScenes">
 						<li
 							v-if="item === 'campaign' && sceneCampaign"
@@ -133,6 +132,7 @@
 						</li>
 					</template>
 				</ul>
+			</div>
 
 			<Pagination
 				:total="total"
@@ -344,11 +344,15 @@ function updateFilter(prop, value, reload = true) {
 	margin-bottom: .5rem;
 }
 
+.scenes-items {
+	/* grow additional container to prevent gaps between grid tiles */
+	flex-grow: 1;
+}
+
 .scenes {
 	display: grid;
     grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
 	gap: .5rem;
-	flex-grow: 1;
 	padding: .5rem 1rem 1rem 1rem;
 
 	:deep(.campaign) .campaign-banner {

components/stashes/stash.vue

@@ -60,6 +60,7 @@ const stash = pageContext.pageProps.stash;
 .stash {
 	display: flex;
 	flex-direction: column;
+	flex-grow: 1;
 }
 
 .header {
@@ -115,6 +116,9 @@ const stash = pageContext.pageProps.stash;
 }
 
 .content {
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
 	overflow-y: auto;
 }