diff --git a/AppImage/components/gpu-switch-mode-indicator.tsx b/AppImage/components/gpu-switch-mode-indicator.tsx
index 792a7734..fa84f3ab 100644
--- a/AppImage/components/gpu-switch-mode-indicator.tsx
+++ b/AppImage/components/gpu-switch-mode-indicator.tsx
@@ -77,7 +77,11 @@ export function GpuSwitchModeIndicator({
   return (
     <div
       className={cn(
-        "flex items-center gap-6",
+        // On very narrow containers (mobile, narrow modal), stack the SVG
+        // above the status text so the 224px-wide SVG doesn't squeeze the
+        // text into a 2-character-wide column. At sm+ we go back to the
+        // original side-by-side layout.
+        "flex flex-col items-start gap-3 sm:flex-row sm:items-center sm:gap-6",
         isEditing && !isSriovActive && "cursor-pointer",
         className
       )}
diff --git a/AppImage/components/hardware.tsx b/AppImage/components/hardware.tsx
index a7544434..fdf35d91 100644
--- a/AppImage/components/hardware.tsx
+++ b/AppImage/components/hardware.tsx
@@ -924,7 +924,7 @@ export default function Hardware() {
             </Badge>
           </div>
 
-          <div className="grid gap-4 sm:grid-cols-2">
+          <div className="grid gap-4 lg:grid-cols-2">
             {hardwareData.gpus.map((gpu, index) => {
               const pciDevice = findPCIDeviceForGPU(gpu)
               const fullSlot = pciDevice?.slot || gpu.slot