From 75b0d21e89fc94bf1885e7c8bfd435dd5fdd289d Mon Sep 17 00:00:00 2001
From: Elizabeth Stranack <elstranack@expediagroup.com>
Date: Mon, 24 Jan 2022 11:17:43 -0800
Subject: [PATCH] Checking if description is set to use the Hover functionality

Signed-off-by: Elizabeth Stranack <elstranack@expediagroup.com>
---
 packages/core-components/src/components/ProgressBars/Gauge.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/core-components/src/components/ProgressBars/Gauge.tsx b/packages/core-components/src/components/ProgressBars/Gauge.tsx
index 89e384a452..2750f26c48 100644
--- a/packages/core-components/src/components/ProgressBars/Gauge.tsx
+++ b/packages/core-components/src/components/ProgressBars/Gauge.tsx
@@ -16,7 +16,6 @@
 
 import { BackstagePalette, BackstageTheme } from '@backstage/theme';
 import { makeStyles, useTheme } from '@material-ui/core/styles';
-import { isNull } from 'lodash';
 import { Circle } from 'rc-progress';
 import React, { ReactNode, useEffect, useState } from 'react';
 
@@ -139,7 +138,7 @@ export function Gauge(props: GaugeProps) {
 
   useEffect(() => {
     const node = hoverRef;
-    if (node && !isNull(isHovering)) {
+    if (node && description) {
       node.addEventListener('mouseenter', handleMouseOver);
       node.addEventListener('mouseleave', handleMouseOut);