warning message formatting so its same as Dashboard

interface/src/app/main/Devices.tsx

@@ -533,6 +533,9 @@ const Devices = memo(() => {
 
   const renderCoreData = () => (
     <>
+      {!coreData.connected ? (
+        <MessageBox level="error" message={LL.EMS_BUS_WARNING()} />
+      ) : (
         <Box justifyContent="center" flexDirection="column">
           <IconContext.Provider
             value={{
@@ -541,11 +544,6 @@ const Devices = memo(() => {
               style: { verticalAlign: 'middle' }
             }}
           >
-          {!coreData.connected && (
-            <MessageBox my={2} level="error" message={LL.EMS_BUS_WARNING()} />
-          )}
-
-          {coreData.connected && (
             <Table
               data={{ nodes: [...coreData.devices] }}
               select={device_select}
@@ -581,9 +579,9 @@ const Devices = memo(() => {
                 </>
               )}
             </Table>
-          )}
           </IconContext.Provider>
         </Box>
+      )}
     </>
   );