diff --git a/frontend/src/components/dialog/manage-members-dialog.js b/frontend/src/components/dialog/manage-members-dialog.js
index 79796a6da9..7f1b256184 100644
--- a/frontend/src/components/dialog/manage-members-dialog.js
+++ b/frontend/src/components/dialog/manage-members-dialog.js
@@ -100,14 +100,17 @@ class ManageMembersDialog extends React.Component {
         <ModalHeader toggle={this.toggle}>{gettext('Manage group members')}</ModalHeader>
         <ModalBody>
           <p>{gettext('Add group member')}</p>
-          <AsyncSelect
-            className='group-transfer-select'
-            isClearable classNamePrefix
-            loadOptions={this.loadOptions}
-            onChange={this.handleSelectChange}
-            placeholder={gettext('Search users...')}
-            ref="memberSelect"
-          />
+          <div className='group-transfer'>
+            <AsyncSelect
+              className='group-transfer-select'
+              isClearable classNamePrefix
+              loadOptions={this.loadOptions}
+              onChange={this.handleSelectChange}
+              placeholder={gettext('Search users...')}
+              ref="memberSelect"
+            />
+            <Button color="secondary" onClick={this.addGroupMember}>{gettext('Submit')}</Button>
+          </div>
           <span className="error">{this.state.errMessage}</span>
           <div className="manage-members">
             <Table hover size="sm" className="manage-members-table">
@@ -163,7 +166,6 @@ class ManageMembersDialog extends React.Component {
         </ModalBody>
         <ModalFooter>
           <Button color="secondary" onClick={this.toggle}>{gettext('Close')}</Button>
-          <Button color="primary" onClick={this.addGroupMember}>{gettext('Submit')}</Button>
         </ModalFooter>
       </Modal>
     );
diff --git a/frontend/src/css/manage-members-dialog.css b/frontend/src/css/manage-members-dialog.css
index 21ce243022..946bc37d4a 100644
--- a/frontend/src/css/manage-members-dialog.css
+++ b/frontend/src/css/manage-members-dialog.css
@@ -25,4 +25,17 @@
 .toggle-group-admin-icon:hover,
 .delete-group-member-icon:hover {
   color: #333;
+}
+
+.group-transfer-select .true__indicator-separator {
+  display: none;
+}
+
+.group-transfer {
+  display: flex;
+  justify-content: space-between;
+}
+
+.group-transfer-select {
+  width: 82%;
 }
\ No newline at end of file
diff --git a/frontend/src/draft-review.js b/frontend/src/draft-review.js
index 8bae0e96e5..a39fda6252 100644
--- a/frontend/src/draft-review.js
+++ b/frontend/src/draft-review.js
@@ -724,7 +724,7 @@ class SidePanelChanges extends React.Component {
       <div className="review-side-panel-item">
         <div className="review-side-panel-header">{gettext('Changes')}</div>
         <div className="changes-info">
-          <span>{gettext(`Number of changes: ${this.props.changedNumber}`)}</span>
+          <span>{gettext('Number of changes:')}{' '}{this.props.changedNumber}</span>
           { this.props.changedNumber > 0 &&
             <div>
               <i className="fa fa-arrow-circle-up" onClick={() => { this.props.scrollToChangedNode('down');}}></i>