diff --git a/src/components/NumberInput/NumberInput.tsx b/src/components/NumberInput/NumberInput.tsx
index b883d3e2e..38433d874 100644
--- a/src/components/NumberInput/NumberInput.tsx
+++ b/src/components/NumberInput/NumberInput.tsx
@@ -89,7 +89,7 @@ const NumberInput = forwardRef<HTMLInputElement, Props>(({ defaultValue, showBut
                     </Button>
                     : null
             }
-            <div className={classnames(styles['number-display'], showButtons ? styles['buttons-container'] : '')}>
+            <div className={classnames(styles['number-display'], { [styles['buttons-container']]: showButtons })}>
                 {
                     props.label ?
                         <div className={styles['label']}>{props.label}</div>