Немного другой подход к верстке формы запроса прав приложения

src/components/auth/Permissions.jsx

@@ -20,8 +20,8 @@ export default class Permissions extends Component {
                 <Helmet title="App premissions" />
 
                 <Panel title={<Message {...messages.permissionsTitle} />}>
-                    <PanelBody className={styles.authBody}>
+                    <PanelBody>
-                        <PanelBodyHeader className={styles.authBodyHeader}>
+                        <PanelBodyHeader>
                             <div className={styles.authInfo}>
                                 <div className={styles.authInfoAvatar}>
                                     {/*<img src="//lorempixel.com/g/90/90" />*/}
@@ -35,7 +35,8 @@ export default class Permissions extends Component {
                                 </div>
                             </div>
                         </PanelBodyHeader>
-                        <div className={styles.disclaimer}>
+                        <div className={styles.permissionsContainer}>
+                            <div className={styles.permissionsTitle}>
                                 <Message {...messages.theAppNeedsAccess} />
                             </div>
                             <ul className={styles.permissionsList}>
@@ -44,6 +45,7 @@ export default class Permissions extends Component {
                                 <li>Change the active skin</li>
                                 <li>View your E-mail address</li>
                             </ul>
+                        </div>
                     </PanelBody>
                     <PanelFooter>
                         <button className={buttons.green}>

src/components/auth/signIn.scss

@@ -67,31 +67,16 @@
 }
 
 .activationCodeInput {
-    composes: blueTextField from './../ui/form.scss';
+    composes: blueTextField from 'components/ui/form.scss';
 
     text-align: center;
 }
 
 // app permissions
-$authBodyLeftRightPadding: 32px;
-$authBodyTopBottomPadding: 30px;
-
-.authBody {
-    composes: body from 'components/ui/panel.scss';
-
-    padding: $authBodyTopBottomPadding $authBodyLeftRightPadding;
-    text-align: left;
-}
-
-.authBodyHeader {
-    composes: defaultBodyHeader from 'components/ui/panel.scss';
-
-    // Отступы сверху и снизу разные т.к. мы ужимаем высоту линии строки с логином на 2 пикселя и из-за этого теряем отступ снизу
-    padding: 15px $authBodyLeftRightPadding 17px;
-    margin: (-$authBodyTopBottomPadding) (-$authBodyLeftRightPadding) $authBodyTopBottomPadding;
-}
-
 .authInfo {
+    // Отступы сверху и снизу разные т.к. мы ужимаем высоту линии строки с логином на 2 пикселя и из-за этого теряем отступ снизу
+    padding: 5px 20px 7px;
+    text-align: left;
 }
 
 .authInfoAvatar {
@@ -123,7 +108,12 @@ $authBodyTopBottomPadding: 30px;
     color: #fff;
 }
 
-.disclaimer {
+.permissionsContainer {
+    padding: 15px 12px;
+    text-align: left;
+}
+
+.permissionsTitle {
     font-family: $font-family-title;
     font-size: 18px;
     color: #dd8650;