diff --git a/frontend/src/lib/components/MediaViewer.svelte b/frontend/src/lib/components/MediaViewer.svelte
index dcd84d4..65c9ce4 100644
--- a/frontend/src/lib/components/MediaViewer.svelte
+++ b/frontend/src/lib/components/MediaViewer.svelte
@@ -400,6 +400,11 @@
 
     font-size: 0.9375rem;
     color: var(--color-white);
+
+    @media (max-width: 600px) {
+      top: auto;
+      bottom: 1.25rem;
+    }
   }
 
   :global(.media-close) {
diff --git a/frontend/src/lib/components/ui/Button.svelte b/frontend/src/lib/components/ui/Button.svelte
index 6afa32c..45c7370 100644
--- a/frontend/src/lib/components/ui/Button.svelte
+++ b/frontend/src/lib/components/ui/Button.svelte
@@ -65,6 +65,7 @@
     overflow: hidden;
     display: flex;
     flex-shrink: 0;
+    gap: 0.375rem;
     align-items: center;
     justify-content: center;