Enhance readability when teams not available

1 files changed, 5 insertions, 1 deletions

diff --git a/src/components/settings/team/TeamDashboard.js b/src/components/settings/team/TeamDashboard.js
index 7e6d93997..57db1dcbd 100644
--- a/src/components/settings/team/TeamDashboard.js
+++ b/src/components/settings/team/TeamDashboard.js
@@ -210,7 +210,11 @@ export default @injectSheet(styles) @observer class TeamDashboard extends Compon
           <h1 className={classes.headline}>
             {intl.formatMessage(messages.teamsUnavailable)}
           </h1>
-          {intl.formatMessage(messages.teamsUnavailableInfo)}
+          <p className="settings__message" style={{
+            borderTop: 0, marginTop: 0
+          }}>
+            {intl.formatMessage(messages.teamsUnavailableInfo)}
+          </p>
         </div>
       </div>
     );