diff --git a/src/app/components/DevicesPage.tsx b/src/app/components/DevicesPage.tsx
index db8807b..f578a3d 100644
--- a/src/app/components/DevicesPage.tsx
+++ b/src/app/components/DevicesPage.tsx
@@ -9,6 +9,7 @@ interface Device {
   type: 'printer' | 'drive' | 'network' | 'other' | 'meatloaf';
   name?: string;
   enabled: boolean | number;
+  base_url?: string;
   url?: string;
   mode?: number;
 }
@@ -59,6 +60,7 @@ export default function DevicesPage({ config, setConfig, openDeviceId, onClearOp
           type: 'drive',
           name: `Drive ${key}`,
           enabled: value.enabled,
+          base_url: value.base_url,
           url: value.url,
           mode: value.mode
         });
@@ -75,6 +77,7 @@ export default function DevicesPage({ config, setConfig, openDeviceId, onClearOp
         type: 'network',
         name: `Network ${num}`,
         enabled: device.enabled,
+        base_url: device.base_url,
         url: device.url
       });
     });
@@ -102,6 +105,7 @@ export default function DevicesPage({ config, setConfig, openDeviceId, onClearOp
         type: 'meatloaf',
         name: `Meatloaf ${num}`,
         enabled: device.enabled,
+        base_url: device.base_url,
         url: device.url,
         mode: device.mode
       });
@@ -273,8 +277,10 @@ export default function DevicesPage({ config, setConfig, openDeviceId, onClearOp
                   #{device.number}
                 </span>
               </div>
-              {device.url && (
-                <div className="text-sm text-neutral-500 truncate mt-0.5">{device.url}</div>
+              {(device.base_url || device.url) && (
+                <div className="text-sm text-neutral-500 truncate mt-0.5">
+                  {[device.base_url, device.url].filter(Boolean).join('')}
+                </div>
               )}
             </button>
             <div className="flex items-center gap-3">