diff --git a/components/lib/editor/Editor.js b/components/lib/editor/Editor.js
index a4f70e836e..15dbe138fb 100644
--- a/components/lib/editor/Editor.js
+++ b/components/lib/editor/Editor.js
@@ -189,7 +189,7 @@ export const Editor = React.memo(
                         </span>
                         <span {...formatsProps}>
                             <button {...getMergeProps({ type: 'button', className: 'ql-list', value: 'ordered', 'aria-label': 'Ordered List' }, 'list')}></button>
-                            <button {...getMergeProps({ type: 'button', className: cx('list'), value: 'bullet', 'aria-label': 'Unordered List' }, 'list')}></button>
+                            <button {...getMergeProps({ type: 'button', className: 'ql-list', value: 'bullet', 'aria-label': 'Unordered List' }, 'list')}></button>
                             <select {...getMergeProps({ className: 'ql-align' }, 'select')}>
                                 <option {...getMergeProps({ defaultValue: true }, 'option')}></option>
                                 <option {...getMergeProps({ value: 'center' }, 'option')}></option>