diff --git a/src/components/Shell/ConnectionTestResults.tsx b/src/components/Shell/ConnectionTestResults.tsx
index 2df5a5d..b0a9425 100644
--- a/src/components/Shell/ConnectionTestResults.tsx
+++ b/src/components/Shell/ConnectionTestResults.tsx
@@ -1,4 +1,4 @@
-import { Typography } from '@mui/material'
+import { Tooltip, Typography } from '@mui/material'
import Circle from '@mui/icons-material/FiberManualRecord'
import { ConnectionTestResults as IConnectionTestResults } from './useConnectionTest'
@@ -11,39 +11,45 @@ export const ConnectionTestResults = ({
}: ConnectionTestResultsProps) => {
if (hasHost && hasRelay) {
return (
-
- ({ color: theme.palette.success.main })}
- >
-
- {' '}
- Full network connection
-
+
+
+ ({ color: theme.palette.success.main })}
+ >
+
+ {' '}
+ Full network connection
+
+
)
} else if (hasHost) {
return (
-
- ({ color: theme.palette.warning.main })}
- >
-
- {' '}
- Partial network connection
-
+
+
+ ({ color: theme.palette.warning.main })}
+ >
+
+ {' '}
+ Partial network connection
+
+
)
} else {
return (
-
- ({ color: theme.palette.error.main })}
- >
-
- {' '}
- No network connection
-
+
+
+ ({ color: theme.palette.error.main })}
+ >
+
+ {' '}
+ No network connection
+
+
)
}
}