diff --git a/src/components/ProgressByClient/ProgressByClient.tsx b/src/components/ProgressByClient/ProgressByClient.tsx
index f22d7d3..17324ee 100644
--- a/src/components/ProgressByClient/ProgressByClient.tsx
+++ b/src/components/ProgressByClient/ProgressByClient.tsx
@@ -409,7 +409,7 @@ const ProgressByClient: React.FC<Props> = () => {
         const spentManhours = chartProjectSpentHour[dataPointIndex];
         const value = series[seriesIndex][dataPointIndex];
         const tooltipContent = `
-          <div style="width: 250px;">
+          <div style="width: auto;">
             <span style="font-weight: bold;">${projectCode} - ${projectName}</span>
             <br>
             Budget Manhours: ${budgetManhours} hours
diff --git a/src/components/ProgressByTeam/ProgressByTeam.tsx b/src/components/ProgressByTeam/ProgressByTeam.tsx
index f855206..f1bf78c 100644
--- a/src/components/ProgressByTeam/ProgressByTeam.tsx
+++ b/src/components/ProgressByTeam/ProgressByTeam.tsx
@@ -492,7 +492,7 @@ const ProgressByTeam: React.FC = () => {
         const spentManhours = currentPageProjectSpentManhourList[dataPointIndex];
         const value = series[seriesIndex][dataPointIndex];
         const tooltipContent = `
-          <div style="width: 100%;">
+          <div style="width: auto;">
             <span style="font-weight: bold;">${projectCode} - ${projectName}</span>
             <br>
             Budget Manhours: ${budgetManhours} hours