diff --git a/website/src/components/Navigation/Navigation.astro b/website/src/components/Navigation/Navigation.astro
index c767fcf8a8..b5e944c3a4 100644
--- a/website/src/components/Navigation/Navigation.astro
+++ b/website/src/components/Navigation/Navigation.astro
@@ -18,7 +18,7 @@ const isLoggedIn = Astro.locals.session?.isLoggedIn ?? false;
 const loginUrl = await getAuthUrl(Astro.url.toString());
 ---
 
-<div class='flex justify-end'>
+<div class='flex justify-end relative'>
     <div class='subtitle hidden sm:flex sm:z-6 gap-4'>
         {
             navigationItems
@@ -27,14 +27,14 @@ const loginUrl = await getAuthUrl(Astro.url.toString());
         }
     </div>
 
-    <div class='sm:hidden fixed z-0'>
-        <SandwichMenu
-            top={16}
-            right={28}
-            organism={selectedOrganism}
-            isLoggedIn={isLoggedIn}
-            loginUrl={loginUrl}
-            client:load
-        />
+    <div
+        class='sm:hidden z-0'
+        style={{
+            position: 'absolute',
+            right: '1.5rem',
+            top: '-2rem',
+        }}
+    >
+        <SandwichMenu organism={selectedOrganism} isLoggedIn={isLoggedIn} loginUrl={loginUrl} client:load />
     </div>
 </div>
diff --git a/website/src/components/Navigation/SandwichMenu.tsx b/website/src/components/Navigation/SandwichMenu.tsx
index c6ec6da74a..cb0f927ca6 100644
--- a/website/src/components/Navigation/SandwichMenu.tsx
+++ b/website/src/components/Navigation/SandwichMenu.tsx
@@ -7,33 +7,35 @@ import { OffCanvasOverlay } from '../OffCanvasOverlay';
 import { SandwichIcon } from '../SandwichIcon';
 
 type SandwichMenuProps = {
-    top: number;
-    right: number;
     organism: Organism | undefined;
     isLoggedIn: boolean;
     loginUrl: string | undefined;
 };
 
-export const SandwichMenu: FC<SandwichMenuProps> = ({ top, right, organism, isLoggedIn, loginUrl }) => {
+export const SandwichMenu: FC<SandwichMenuProps> = ({ organism, isLoggedIn, loginUrl }) => {
     const { isOpen, toggle: toggleMenu, close: closeMenu } = useOffCanvas();
 
     return (
         <div className='relative'>
-            <button
-                className='fixed z-50 bg-transparent border-none cursor-pointer'
-                onClick={toggleMenu}
-                style={{ top: `${top}px`, right: `${right}px` }}
-            >
-                <SandwichIcon isOpen={isOpen} />
-            </button>
-
-            {isOpen && <OffCanvasOverlay onClick={closeMenu} />}
+            {!isOpen ? (
+                <button className='absolute z-50 bg-transparent border-none cursor-pointer' onClick={toggleMenu}>
+                    <SandwichIcon isOpen={isOpen} />
+                </button>
+            ) : (
+                <OffCanvasOverlay onClick={closeMenu} />
+            )}
 
             <div
                 className={`fixed top-0 right-0 bg-white w-64 min-h-screen flex flex-col offCanvasTransform ${
                     isOpen ? 'translate-x-0' : 'translate-x-full'
                 }`}
             >
+                <button
+                    className='absolute z-50 bg-transparent border-none cursor-pointer right-3 top-4'
+                    onClick={toggleMenu}
+                >
+                    <SandwichIcon isOpen={isOpen} />
+                </button>
                 <div className='font-bold p-5 flex flex-col justify-between min-h-screen max-h-screen overflow-y-auto'>
                     <div>
                         <div className='h-10'>
diff --git a/website/src/components/common/Banner.tsx b/website/src/components/common/Banner.tsx
index e2ce8b1674..698fa39954 100644
--- a/website/src/components/common/Banner.tsx
+++ b/website/src/components/common/Banner.tsx
@@ -2,16 +2,45 @@ import React from 'react';
 
 interface BannerProps {
     message?: string;
+    lastTimeBannerWasClosed: number | undefined;
+    serverTime: number;
 }
 
-export const Banner: React.FC<BannerProps> = ({ message }) => {
-    if (message === undefined) {
+export const Banner: React.FC<BannerProps> = ({ message, lastTimeBannerWasClosed, serverTime }) => {
+    const timeToKeepBannerClosed = 1000 * 60 * 60 * 24 * 365;
+
+    if (
+        message === undefined ||
+        (lastTimeBannerWasClosed !== undefined && lastTimeBannerWasClosed + timeToKeepBannerClosed > serverTime)
+    ) {
         return null;
     }
+    const initialClientTime = Date.now();
+    const serverClientOffset = serverTime - initialClientTime;
+
+    const setBannerClosed = () => {
+        document.cookie = `lastTimeBannerWasClosed=${Date.now() + serverClientOffset}; max-age=${60 * 60 * 24 * 365}`;
+        window.location.reload();
+    };
 
     return (
-        <div className='absolute top-0 right-0 m-1 bg-yellow-100 border border-yellow-400 text-yellow-700 px-4 py-1.5 rounded-md  opacity-70'>
-            <p className='text-xs font-medium'>{message}</p>
+        <div className=' bg-yellow-100 border-b border-gray-400 text-yellow-700 px-4 py-1   opacity-50 flex justify-between'>
+            <p
+                style={{
+                    fontSize: '.7rem',
+                }}
+            >
+                {message}
+            </p>
+            <button
+                onClick={setBannerClosed}
+                className='text-yellow-700'
+                style={{
+                    fontSize: '.7rem',
+                }}
+            >
+                X
+            </button>
         </div>
     );
 };
diff --git a/website/src/layouts/BaseLayout.astro b/website/src/layouts/BaseLayout.astro
index 39844f6b7d..410a9bc710 100644
--- a/website/src/layouts/BaseLayout.astro
+++ b/website/src/layouts/BaseLayout.astro
@@ -22,6 +22,8 @@ interface Props {
 const { title, implicitOrganism, noHorizontalPadding } = Astro.props;
 
 const backendIsInDebugMode = await BackendClient.create().isInDebugMode();
+
+const lastTimeBannerWasClosed = Astro.cookies.get('lastTimeBannerWasClosed')?.value;
 ---
 
 <html lang='en'>
@@ -36,7 +38,14 @@ const backendIsInDebugMode = await BackendClient.create().isInDebugMode();
     </head>
     <body>
         {backendIsInDebugMode && <div class='bg-red-500 text-white text-center p-2'>Backend is in debug mode</div>}
-        <Banner message={bannerMessage} />
+        <Banner
+            message={bannerMessage}
+            lastTimeBannerWasClosed={lastTimeBannerWasClosed !== undefined
+                ? parseInt(lastTimeBannerWasClosed, 10)
+                : undefined}
+            serverTime={Date.now()}
+            client:load
+        />
         <div class='flex flex-col min-h-screen w-11/12 mx-auto'>
             <ToastContainer client:load />
             <header class='bg-white h-fit'>