diff --git a/clients/apps/web/src/components/Layout/Public/TopbarRight.tsx b/clients/apps/web/src/components/Layout/Public/TopbarRight.tsx
index a5af464c62..8e7c66b356 100644
--- a/clients/apps/web/src/components/Layout/Public/TopbarRight.tsx
+++ b/clients/apps/web/src/components/Layout/Public/TopbarRight.tsx
@@ -17,10 +17,10 @@ const TopbarRight = ({
   return (
     <>
       {authenticatedUser ? (
-        <>
+        <div className="flex flex-row items-center justify-between gap-x-6">
           <Popover type="topbar" />
           <ProfileMenu authenticatedUser={authenticatedUser} />
-        </>
+        </div>
       ) : (
         <GithubLoginButton text="Continue with GitHub" returnTo={returnTo} />
       )}
diff --git a/clients/apps/web/src/components/Notifications/Popover.tsx b/clients/apps/web/src/components/Notifications/Popover.tsx
index 8634d7074a..c45a3f0b70 100644
--- a/clients/apps/web/src/components/Notifications/Popover.tsx
+++ b/clients/apps/web/src/components/Notifications/Popover.tsx
@@ -75,7 +75,7 @@ const Popover = ({ type = 'topbar' }: { type?: 'topbar' | 'dashboard' }) => {
   const notificationsContainerClassnames = twMerge(
     'pointer-events-none fixed z-40 flex items-end',
     type === 'topbar'
-      ? 'right-0 -left-20 top-12 absolute'
+      ? 'right-4 left-4 md:right-0 md:-left-20 top-12 absolute'
       : 'right-4 top-12 left-2',
   )