diff --git a/components/legend/components/legend-item-types/legend-item-type-basic/legend-item-type-basic-item/index.js b/components/legend/components/legend-item-types/legend-item-type-basic/legend-item-type-basic-item/index.js
index cbfafe5b89..7a0f28e2bc 100644
--- a/components/legend/components/legend-item-types/legend-item-type-basic/legend-item-type-basic-item/index.js
+++ b/components/legend/components/legend-item-types/legend-item-type-basic/legend-item-type-basic-item/index.js
@@ -52,7 +52,12 @@ class LegendItem extends React.PureComponent {
       return (
         <div
           className={`icon-${icon}`}
-          style={{ width: size, height: size, backgroundColor: color }}
+          style={{
+            width: size,
+            height: size,
+            backgroundColor: color,
+            minWidth: size,
+          }}
         />
       );
     }