diff --git a/frontend/src/components/basics/ButtonGroupLayout.tsx b/frontend/src/components/basics/ButtonGroupLayout.tsx
index 30bb688..ac2a43b 100644
--- a/frontend/src/components/basics/ButtonGroupLayout.tsx
+++ b/frontend/src/components/basics/ButtonGroupLayout.tsx
@@ -18,7 +18,7 @@ export default function ButtonGroupLayout({children, className, ...rest}: Button
         <div
             {...rest}
             className={clsx(
-                "flex gap-4 mt-8",
+                "flex gap-4",
                 className
             )}
         >
diff --git a/frontend/src/components/users/UserManagementPage.tsx b/frontend/src/components/users/UserManagementPage.tsx
index 7cc4f70..2cff0b9 100644
--- a/frontend/src/components/users/UserManagementPage.tsx
+++ b/frontend/src/components/users/UserManagementPage.tsx
@@ -152,7 +152,7 @@ export default function UserManagementPage() {
     return (
         <PageContainer>
             <PageContentLayout>
-                <StickyHeader className="flex justify-between items-center">
+                <StickyHeader className="flex flex-col gap-2 md:flex-row md:justify-between md:items-center">
                     <h1>Benutzerverwaltung</h1>
                     <ButtonGroupLayout>
                         {isAdmin && (