From 75005ccf81ec21f05aaf920886f008af16e7417d Mon Sep 17 00:00:00 2001
From: Kolin <173069976+K0lin@users.noreply.github.com>
Date: Mon, 19 Jan 2026 22:46:04 +0100
Subject: [PATCH] Fix WireGuard QR code layout on mobile in site creation page

---
 src/app/[orgId]/settings/sites/create/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/[orgId]/settings/sites/create/page.tsx b/src/app/[orgId]/settings/sites/create/page.tsx
index bf3239d0..76125513 100644
--- a/src/app/[orgId]/settings/sites/create/page.tsx
+++ b/src/app/[orgId]/settings/sites/create/page.tsx
@@ -1067,7 +1067,7 @@ WantedBy=default.target`
                                     </SettingsSectionDescription>
                                 </SettingsSectionHeader>
                                 <SettingsSectionBody>
-                                    <div className="flex items-center gap-4">
+                                    <div className="flex flex-col sm:flex-row items-center gap-4">
                                         <CopyTextBox text={wgConfig} />
                                         <div
                                             className={`relative w-fit border rounded-md`}