🐛 Fix bugs in PingModule

src/modules/ping/PingModule.tsx

@@ -56,9 +56,16 @@ export default function PingComponent(props: any) {
     return null;
   }
   return (
-    <Tooltip
-      radius="lg"
+    <motion.div
       style={{ position: 'absolute', bottom: 20, right: 20 }}
+      animate={{
+        scale: isOnline === 'online' ? [1, 0.8, 1] : 1,
+      }}
+      transition={{ repeat: Infinity, duration: 2.5, ease: 'easeInOut' }}
+    >
+      <Tooltip
+        withinPortal
+        radius="lg"
         label={
           isOnline === 'loading'
             ? 'Loading...'
@@ -66,12 +73,6 @@ export default function PingComponent(props: any) {
             ? `Online - ${response}`
             : `Offline - ${response}`
         }
-    >
-      <motion.div
-        animate={{
-          scale: isOnline === 'online' ? [1, 0.8, 1] : 1,
-        }}
-        transition={{ repeat: Infinity, duration: 2.5, ease: 'easeInOut' }}
       >
         <Indicator
           size={13}
@@ -79,7 +80,7 @@ export default function PingComponent(props: any) {
         >
           {null}
         </Indicator>
-      </motion.div>
       </Tooltip>
+    </motion.div>
   );
 }