Eliminates collapse in smartphone size.

src/client/js/components/SlackNotification.jsx

@@ -49,7 +49,7 @@ class SlackNotification extends React.Component {
                 checked={this.props.isSlackEnabled}
                 onChange={this.updateCheckboxHandler}
               />
-              <label className={`custom-control-label align-center ${this.props.popUp ? 'mt-1' : ''}`} htmlFor={this.props.id}>
+              <label className="custom-control-label align-center" htmlFor={this.props.id}>
               </label>
             </div>
           </label>

src/client/styles/scss/molecules/slack-notification.scss

@@ -23,6 +23,12 @@
   }
   .grw-input-group-slack-notification {
     height: $input-height-slack;
+    label {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 0;
+    }
   }
 
   .custom-control-label {