diff --git a/src/docs/docs-components/ThemeBuilder/Customiser/Value.jsx b/src/docs/docs-components/ThemeBuilder/Customiser/Value.jsx
index c0ab37da..cb1687c0 100644
--- a/src/docs/docs-components/ThemeBuilder/Customiser/Value.jsx
+++ b/src/docs/docs-components/ThemeBuilder/Customiser/Value.jsx
@@ -5,7 +5,7 @@ import ColourPicker from './ColourPicker.jsx';
 
 const Input = ({ value, onChange }) => {
   // Number type
-  if (!isNaN(value)) return <input type="number" value={value} onChange={(e) => onChange(Number(e.target.value))}/>;
+  if ((value || value === 0) && !isNaN(value)) return <input type="number" value={value} onChange={(e) => onChange(Number(e.target.value))}/>;
   // Colour type
   if (!/var\(.*\)/i.test(value) && CSS.supports('color', value)) return (
     <ColourPicker colour={value} onChange={onChange} />