fix: harden automatic mobile boards

packages/widgets/src/common/query-state.tsx

@@ -43,11 +43,13 @@ export function WidgetDataState({ children, hasWarning }: WidgetDataStateProps)
 
   return (
     <Box pos="relative" h="100%" w="100%">
+      {children}
       {hasWarning && (
-        <Tooltip label={label} position="left" withArrow>
+        <Tooltip label={label} position="left" withArrow events={{ hover: true, focus: true, touch: true }}>
           <Center
             component="output"
             aria-label={label}
+            tabIndex={0}
             pos="absolute"
             bottom={4}
             w={28}
@@ -67,7 +69,6 @@ export function WidgetDataState({ children, hasWarning }: WidgetDataStateProps)
           </Center>
         </Tooltip>
       )}
-      {children}
     </Box>
   );
 }