diff --git a/frontend/src/components/DeviceConnection.tsx b/frontend/src/components/DeviceConnection.tsx
index 15a0c86..dc786a8 100644
--- a/frontend/src/components/DeviceConnection.tsx
+++ b/frontend/src/components/DeviceConnection.tsx
@@ -42,7 +42,9 @@ export const DeviceConnectionComponent = React.memo(
       <div className="deviceConnectionComponent" id={id}>
         {!connectedVal && (
           <div className="overlayContent">
-            <div>{displayName} is currently not available!</div>
+            <div>
+              {displayName != '' ? displayName : 'Device'} is currently not available!
+            </div>
             <MethodComponent
               name="connect"
               parentPath={fullAccessPath}