diff --git a/src/components/Home/Jumbo.astro b/src/components/Home/Jumbo.astro
index e7e53b6..8a0ac2c 100644
--- a/src/components/Home/Jumbo.astro
+++ b/src/components/Home/Jumbo.astro
@@ -24,7 +24,7 @@ const t = useTranslations(lang);
       </p>
       <p class="text-3xl md:text-4xl font-semibold">{t("info.locationName")}</p>
       <div class="mt-12 flex gap-4 justify-center flex-col md:flex-row">
-        <a class="btn-content text-xl" target="_blank" href="#gallery">
+        <a class="btn-content text-xl" target="_blank" onclick="document.getElementById('gallery').scrollIntoView();location.hash='#gallery'">
           <img src="/assets/vectors/camera.svg" class="h-7 mr-2" />
           {t("hero.photoAvailable")}
           <div class="ml-1" />
diff --git a/src/components/Home/SpeakerPreview.astro b/src/components/Home/SpeakerPreview.astro
index 1d06a36..6ef46f5 100644
--- a/src/components/Home/SpeakerPreview.astro
+++ b/src/components/Home/SpeakerPreview.astro
@@ -16,7 +16,7 @@ const getPath = useTranslatedPath(lang);
   <div class="grid md:grid-cols-4 sm:grid-cols-2 grid-flow-row gap-10 mt-5 mb-10">
     <RandomSpeakerList client:only="react" speakers={speakers??[]} />
   </div>
-  <div class="flex items-center gap-4">
+  <div class="flex items-center gap-4 sm:flex-row flex-col">
     <a
       class="btn-content text-xl px-8"
       href={getPath("/speakers")}>{t("speaker.seeAll")}</a