diff --git a/src/components/events/EventList.tsx b/src/components/events/EventList.tsx
index 54a7449b..909cdf9b 100644
--- a/src/components/events/EventList.tsx
+++ b/src/components/events/EventList.tsx
@@ -42,7 +42,7 @@ function ControlButtons({label, options, selectedOption, setOption}: ControlButt
   return (
     <>
       <label>{label}</label>
-      <div className="flex flex-row space gap-3">
+      <div className="flex flex-row space gap-3 flex-wrap">
         {Array.from(options).map((option, index) => (
           <ControlButton value={option} selectedValue={selectedOption} setValue={() => setOption(option)} key={"control-buttons-" + index} />
         ))}
diff --git a/src/layouts/MarkdownLayout.astro b/src/layouts/MarkdownLayout.astro
index e7cc11cc..17bedd28 100644
--- a/src/layouts/MarkdownLayout.astro
+++ b/src/layouts/MarkdownLayout.astro
@@ -101,7 +101,7 @@ document.addEventListener("DOMContentLoaded", function () {
 
 
 <Layout {...frontmatter}>
-  <div class="navbar sticky top-0 bg-base-300 z-20 min-h-[unset] lg:hidden" class:list={[{hidden: noInPageNavigation}]}>
+  <div class="navbar sticky top-12 bg-base-300 z-20 min-h-[unset] lg:hidden" class:list={[{hidden: noInPageNavigation}]}>
     <div class="flex-1">
       <!-- <a class="btn btn-ghost btn-sm">daisyUI</a> -->
     </div>