diff --git a/web/components/charts/contract/binary.tsx b/web/components/charts/contract/binary.tsx
index 6d906998..8f0f8c9a 100644
--- a/web/components/charts/contract/binary.tsx
+++ b/web/components/charts/contract/binary.tsx
@@ -60,7 +60,7 @@ export const BinaryContractChart = (props: {
   const yScale = scaleLinear([0, 1], [height - MARGIN_Y, 0])
   return (
     <div ref={containerRef}>
-      {width && (
+      {width > 0 && (
         <SingleValueHistoryChart
           w={width}
           h={height}
diff --git a/web/components/charts/contract/choice.tsx b/web/components/charts/contract/choice.tsx
index 7cf3e5ed..56ab018e 100644
--- a/web/components/charts/contract/choice.tsx
+++ b/web/components/charts/contract/choice.tsx
@@ -163,7 +163,7 @@ export const ChoiceContractChart = (props: {
   const yScale = scaleLinear([0, 1], [height - MARGIN_Y, 0])
   return (
     <div ref={containerRef}>
-      {width && (
+      {width > 0 && (
         <MultiValueHistoryChart
           w={width}
           h={height}
diff --git a/web/components/charts/contract/numeric.tsx b/web/components/charts/contract/numeric.tsx
index 6b574f15..d19147f6 100644
--- a/web/components/charts/contract/numeric.tsx
+++ b/web/components/charts/contract/numeric.tsx
@@ -37,7 +37,7 @@ export const NumericContractChart = (props: {
   const yScale = scaleLinear([0, maxY], [height - MARGIN_Y, 0])
   return (
     <div ref={containerRef}>
-      {width && (
+      {width > 0 && (
         <SingleValueDistributionChart
           w={width}
           h={height}
diff --git a/web/components/charts/contract/pseudo-numeric.tsx b/web/components/charts/contract/pseudo-numeric.tsx
index 0e2aaad0..db78cfec 100644
--- a/web/components/charts/contract/pseudo-numeric.tsx
+++ b/web/components/charts/contract/pseudo-numeric.tsx
@@ -81,7 +81,7 @@ export const PseudoNumericContractChart = (props: {
 
   return (
     <div ref={containerRef}>
-      {width && (
+      {width > 0 && (
         <SingleValueHistoryChart
           w={width}
           h={height}