fix(ui) Add min width to the usage stats component (#10056)

datahub-project · Mar 22, 2024 · 36e12f7 · 36e12f7
1 parent 7315e6c
commit 36e12f7
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>