From a1f23200dbb1d2930e27b066870fb89170ef31f4 Mon Sep 17 00:00:00 2001
From: Umar Abid <75561750+umrkhn@users.noreply.github.com>
Date: Tue, 7 Nov 2023 21:32:05 +0500
Subject: [PATCH] fix: update resources tooltip text & styles

---
 dashboard/components/explorer/DependencyGraph.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/dashboard/components/explorer/DependencyGraph.tsx b/dashboard/components/explorer/DependencyGraph.tsx
index 5fd719d14..660695505 100644
--- a/dashboard/components/explorer/DependencyGraph.tsx
+++ b/dashboard/components/explorer/DependencyGraph.tsx
@@ -277,13 +277,14 @@ const DependencyGraph = ({ data }: DependencyGraphProps) => {
       )}
       <div className="absolute bottom-0 w-full">
         <div className="flex w-full flex-col items-center gap-2 sm:flex-row sm:justify-between">
-          <div className="flex gap-2 overflow-visible bg-black-100 text-black-400">
-            {data?.nodes?.length} Resources
+          <div className="flex items-center gap-2 bg-black-100 text-black-400">
+            <span>{data?.nodes?.length} Resources</span>
             {!dataIsEmpty && (
-              <div className="relative">
+              <div className="relative mt-[2px]">
                 <WarningIcon className="peer" height="16" width="16" />
                 <Tooltip bottom="xs" align="left" width="lg">
-                  Only AWS resources are currently supported on the explorer.
+                  Only AWS and CIVO resources are currently supported on the
+                  explorer.
                 </Tooltip>
               </div>
             )}