fix(ui) Add min width to the usage stats component (datahub-project#1…

…0056)
sleeperdeep · Jun 25, 2024 · cfbe3d6 · cfbe3d6
1 parent 22ea419
commit cfbe3d6
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/...rc/app/entity/shared/tabs/Dataset/Schema/components/SchemaFieldDrawer/FieldUsageStats.tsx b/...rc/app/entity/shared/tabs/Dataset/Schema/components/SchemaFieldDrawer/FieldUsageStats.tsx
@@ -49,7 +49,12 @@ export default function FieldUsageStats({ expandedField }: Props) {
             <SectionHeader>Usage</SectionHeader>
             <UsageBarWrapper>
                 <UsageBarBackground>
-                    <UsageBar width={((relevantUsageStats.count || 0) / maxFieldUsageCount) * USAGE_BAR_MAX_WIDTH} />
+                    <UsageBar
+                        width={Math.max(
+                            ((relevantUsageStats.count || 0) / maxFieldUsageCount) * USAGE_BAR_MAX_WIDTH,
+                            4,
+                        )}
+                    />
                 </UsageBarBackground>
                 <UsageTextWrapper>{relevantUsageStats.count || 0} queries / month</UsageTextWrapper>
             </UsageBarWrapper>