Merge pull request #8465 from CitizenLabDotCo/TAN-2326-fix-width-of-b…

…udgeting-progress-bar TAN-2326: Fix width of budgeting progress bar
CitizenLabDotCo · Jul 22, 2024 · 2edb513 · 2edb513
2 parents ddd0dde + 8140d18
commit 2edb513
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/...p/containers/ProjectsShowPage/timeline/VotingResults/ProgressBar/BudgetingProgressBar.tsx b/...p/containers/ProjectsShowPage/timeline/VotingResults/ProgressBar/BudgetingProgressBar.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { Box } from '@citizenlab/cl2-component-library';
+
 import { IIdeaData } from 'api/ideas/types';
 import { IPhase } from 'api/phases/types';
 
@@ -25,11 +27,13 @@ const BudgetingProgressBar = ({ phase, idea }: Props) => {
   );
 
   return (
-    <ProgressBarWrapper votesPercentage={basketsPercentage} tooltip={tooltip}>
-      {`${basketsPercentage}% (${formatMessage(messages.numberOfPicks, {
-        baskets: totalBasketsIdeaIsIn,
-      })})`}
-    </ProgressBarWrapper>
+    <Box w="100%">
+      <ProgressBarWrapper votesPercentage={basketsPercentage} tooltip={tooltip}>
+        {`${basketsPercentage}% (${formatMessage(messages.numberOfPicks, {
+          baskets: totalBasketsIdeaIsIn,
+        })})`}
+      </ProgressBarWrapper>
+    </Box>
   );
 };