diff --git a/src/components/StoryGallery.vue b/src/components/StoryGallery.vue
index 94e2a24..bfc11fd 100644
--- a/src/components/StoryGallery.vue
+++ b/src/components/StoryGallery.vue
@@ -367,6 +367,7 @@ const tree = computed(() => buildTreeForChapter(currentChapterId.value))
 }
 
 .footer-left {
+  position: relative;
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -393,6 +394,9 @@ const tree = computed(() => buildTreeForChapter(currentChapterId.value))
 }
 
 .footer-details {
+  position: absolute;
+  bottom: 100%;
+  left: 20px;
   display: flex;
   align-items: center;
   gap: 16px;