diff --git a/src/fireedge/src/client/components/Typography/TypographyWithPoint.js b/src/fireedge/src/client/components/Typography/TypographyWithPoint.js
index b28cc48b14..c0b5b2c88a 100644
--- a/src/fireedge/src/client/components/Typography/TypographyWithPoint.js
+++ b/src/fireedge/src/client/components/Typography/TypographyWithPoint.js
@@ -6,7 +6,6 @@ import { makeStyles, Typography } from '@material-ui/core'
 const useStateStyles = makeStyles(theme => ({
   root: {
     color: theme.palette.text.secondary,
-    width: 'max-content',
     '&::before': {
       content: "''",
       display: 'inline-flex',
@@ -22,7 +21,7 @@ const useStateStyles = makeStyles(theme => ({
 const TypographyWithPoint = ({ pointColor, children }) => {
   const classes = useStateStyles({ color: pointColor })
   return (
-    <Typography className={classes.root}>
+    <Typography noWrap className={classes.root}>
       {children}
     </Typography>
   )
diff --git a/src/fireedge/src/client/components/Widgets/TotalProviders/index.js b/src/fireedge/src/client/components/Widgets/TotalProviders/index.js
index 7fdf590f09..4a054a4aa9 100644
--- a/src/fireedge/src/client/components/Widgets/TotalProviders/index.js
+++ b/src/fireedge/src/client/components/Widgets/TotalProviders/index.js
@@ -1,3 +1,4 @@
+
 import * as React from 'react'
 
 import { PieChart } from 'react-minimal-pie-chart'
@@ -42,14 +43,12 @@ const TotalProviders = () => {
   const legend = React.useMemo(() => (
     <div>
       {chartData?.map(({ title: titleLegend, value, color }) =>
-        <div key={titleLegend}>
-          <TypographyWithPoint pointColor={color}>
-            <Count number={`${value}`} />
-            <Typography component='span' className={classes.legendSecondary}>
-              {titleLegend}
-            </Typography>
-          </TypographyWithPoint>
-        </div>
+        <TypographyWithPoint key={titleLegend} pointColor={color}>
+          <Count number={`${value}`} />
+          <span className={classes.legendSecondary} title={titleLegend}>
+            {titleLegend}
+          </span>
+        </TypographyWithPoint>
       )}
     </div>
   ), [classes, chartData])