From bc513978b73cb544339d1aa58f10e9d8dcd9271b Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Fri, 16 Dec 2022 15:13:10 +0530
Subject: [PATCH] don't allow more than 100% usage

---
 .../contentOverlay/family/usageSection/progressBar.tsx        | 4 ++--
 .../contentOverlay/individual/usageSection.tsx                | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Sidebar/SubscriptionCard/contentOverlay/family/usageSection/progressBar.tsx b/src/components/Sidebar/SubscriptionCard/contentOverlay/family/usageSection/progressBar.tsx
index 3dfbd5e50..a8e0691ab 100644
--- a/src/components/Sidebar/SubscriptionCard/contentOverlay/family/usageSection/progressBar.tsx
+++ b/src/components/Sidebar/SubscriptionCard/contentOverlay/family/usageSection/progressBar.tsx
@@ -16,7 +16,7 @@ export function FamilyUsageProgressBar({
         <Box position={'relative'} width="100%">
             <Progressbar
                 sx={{ backgroundColor: 'transparent' }}
-                value={(userUsage * 100) / totalStorage}
+                value={Math.min((userUsage * 100) / totalStorage, 100)}
             />
             <Progressbar
                 sx={{
@@ -28,7 +28,7 @@ export function FamilyUsageProgressBar({
                     },
                     width: '100%',
                 }}
-                value={(totalUsage * 100) / totalStorage}
+                value={Math.min((totalUsage * 100) / totalStorage, 100)}
             />
         </Box>
     );
diff --git a/src/components/Sidebar/SubscriptionCard/contentOverlay/individual/usageSection.tsx b/src/components/Sidebar/SubscriptionCard/contentOverlay/individual/usageSection.tsx
index 22ef34b5c..c03c5ce19 100644
--- a/src/components/Sidebar/SubscriptionCard/contentOverlay/individual/usageSection.tsx
+++ b/src/components/Sidebar/SubscriptionCard/contentOverlay/individual/usageSection.tsx
@@ -13,7 +13,7 @@ interface Iprops {
 export function IndividualUsageSection({ usage, storage, fileCount }: Iprops) {
     return (
         <Box width="100%">
-            <Progressbar value={(usage * 100) / storage} />
+            <Progressbar value={Math.min((usage * 100) / storage, 100)} />
             <SpaceBetweenFlex
                 sx={{
                     marginTop: 1.5,