diff --git a/components/pages/inspector/AccountActions.tsx b/components/pages/inspector/AccountActions.tsx
index e893fbd..5be8abb 100644
--- a/components/pages/inspector/AccountActions.tsx
+++ b/components/pages/inspector/AccountActions.tsx
@@ -45,7 +45,7 @@ export function AccountActions({
   const [emailDraft, setEmailDraft] = useState("");
 
   return (
-    <div className="flex gap-2">
+    <div className="flex flex-col md:flex-row gap-2">
       <AlertDialog>
         <AlertDialogTrigger asChild>
           <Button className="flex-1">
diff --git a/components/pages/inspector/ServerActions.tsx b/components/pages/inspector/ServerActions.tsx
index 32d1a0d..ecfd0b7 100644
--- a/components/pages/inspector/ServerActions.tsx
+++ b/components/pages/inspector/ServerActions.tsx
@@ -35,7 +35,7 @@ export function ServerActions({ server }: { server: Server }) {
   const { toast } = useToast();
 
   return (
-    <div className="flex gap-2">
+    <div className="flex flex-col md:flex-row gap-2">
       {serverDraft.discoverable ? (
         <Button
           className="flex-1"
diff --git a/components/pages/inspector/UserActions.tsx b/components/pages/inspector/UserActions.tsx
index d4e5299..3cb1aa6 100644
--- a/components/pages/inspector/UserActions.tsx
+++ b/components/pages/inspector/UserActions.tsx
@@ -109,7 +109,7 @@ export function UserActions({ user, bot }: { user: User; bot?: Bot }) {
         </CardHeader>
       </Card>
 
-      <div className="flex gap-2">
+      <div className="flex flex-col md:flex-row gap-2">
         {bot ? (
           botDraft!.discoverable ? (
             <Button