diff --git a/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.test.tsx b/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.test.tsx
index ed5c32434c..b8438eeba8 100644
--- a/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.test.tsx
+++ b/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.test.tsx
@@ -22,6 +22,16 @@ describe('components/interactive_dialog/DialogElement', () => {
         onChange: jest.fn(),
     };
 
+    it('type textarea', () => {
+        const wrapper = shallow(
+            <DialogElement
+                {...baseDialogProps}
+                type='textarea'
+            />,
+        );
+        expect(wrapper.find(TextSetting).dive().find('textarea').exists()).toBe(true);
+    });
+
     it('subtype blank', () => {
         const wrapper = shallow(
             <DialogElement
diff --git a/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.tsx b/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.tsx
index 2edf5b0141..613cd41c9a 100644
--- a/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.tsx
+++ b/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.tsx
@@ -174,7 +174,7 @@ export default class DialogElement extends React.PureComponent<Props, State> {
                 <TextSetting
                     autoFocus={this.props.autoFocus}
                     id={name}
-                    type={subtype as InputTypes || 'text'}
+                    type={(type === 'textarea' ? 'textarea' : subtype) as InputTypes || 'text'}
                     label={displayNameContent}
                     maxLength={textSettingMaxLength}
                     value={assertedValue}