Fix service labels styling (#356)

2 files changed, 3 insertions, 5 deletions

diff --git a/src/components/settings/settings/EditSettingsForm.js b/src/components/settings/settings/EditSettingsForm.js
index ce090ea99..d7196caa8 100644
--- a/src/components/settings/settings/EditSettingsForm.js
+++ b/src/components/settings/settings/EditSettingsForm.js
@@ -994,7 +994,7 @@ class EditSettingsForm extends Component {
                 )}
                 <p className="settings__message">
                   <Icon icon={mdiGithub} />
-                  Ferdium is based on{' '}
+                  {' '}Ferdium is based on{' '}
                   <a
                     href={`${GITHUB_FRANZ_URL}/franz`}
                     target="_blank"
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss
index ce843520a..f2b7235d7 100644
--- a/src/styles/tabs.scss
+++ b/src/styles/tabs.scss
@@ -31,10 +31,10 @@
   align-items: center;
   display: flex;
   height: 65px;
-  justify-content: center;
+  justify-content: space-evenly;
   min-height: 50px;
   position: relative;
-  flex-wrap: wrap;
+  flex-direction: column;
   @media (prefers-reduced-motion: no-preference) {
     transition: background $theme-transition-time;
   }
@@ -63,9 +63,7 @@
 
   .tab-item__label {
     display: flex;
-    position: relative;
     font-size: 11px;
-    justify-content: center;
   }
 
   &.is-disabled .tab-item__icon {