diff --git a/assets/js/src/newsletters/send/notification.jsx b/assets/js/src/newsletters/send/notification.jsx
index 092bc582c3..02d798e34d 100644
--- a/assets/js/src/newsletters/send/notification.jsx
+++ b/assets/js/src/newsletters/send/notification.jsx
@@ -2,7 +2,7 @@ import _ from 'underscore';
 import MailPoet from 'mailpoet';
 import Hooks from 'wp-js-hooks';
 import Scheduling from 'newsletters/types/notification/scheduling.jsx';
-
+import SenderField from 'newsletters/send/sender_address_field.jsx';
 
 let fields = [
   {
@@ -61,7 +61,8 @@ let fields = [
       },
       {
         name: 'sender_address',
-        type: 'text',
+        type: 'reactComponent',
+        component: SenderField,
         placeholder: MailPoet.I18n.t('senderAddressPlaceholder'),
         validation: {
           'data-parsley-required': true,
diff --git a/assets/js/src/newsletters/send/welcome.jsx b/assets/js/src/newsletters/send/welcome.jsx
index 06f4d2a8b3..4ad1585b94 100644
--- a/assets/js/src/newsletters/send/welcome.jsx
+++ b/assets/js/src/newsletters/send/welcome.jsx
@@ -1,6 +1,7 @@
 import MailPoet from 'mailpoet';
 import Hooks from 'wp-js-hooks';
 import Scheduling from 'newsletters/types/welcome/scheduling.jsx';
+import SenderField from 'newsletters/send/sender_address_field.jsx';
 
 let fields = [
   {
@@ -34,7 +35,8 @@ let fields = [
       },
       {
         name: 'sender_address',
-        type: 'text',
+        type: 'reactComponent',
+        component: SenderField,
         placeholder: MailPoet.I18n.t('senderAddressPlaceholder'),
         validation: {
           'data-parsley-required': true,