2 files changed, 9 insertions, 5 deletions

diff --git a/src/components/layout/Sidebar.js b/src/components/layout/Sidebar.js
index 72ee2b3b7..ea34e8702 100644
--- a/src/components/layout/Sidebar.js
+++ b/src/components/layout/Sidebar.js
@@ -61,21 +61,21 @@ export default class Sidebar extends Component {
         />
         <button
           onClick={toggleMuteApp}
-          className={`sidebar__button ${isAppMuted ? 'is-muted' : ''}`}
+          className={`sidebar__button sidebar__button--audio ${isAppMuted ? 'is-muted' : ''}`}
           data-tip={`${intl.formatMessage(isAppMuted ? messages.unmute : messages.mute)} (${ctrlKey}+Shift+M)`}
         >
           <i className={`mdi mdi-bell${isAppMuted ? '-off' : ''}`} />
         </button>
         <button
           onClick={() => openSettings({ path: 'recipes' })}
-          className="sidebar__button"
+          className="sidebar__button sidebar__button--new-service"
           data-tip={`${intl.formatMessage(messages.addNewService)} (${ctrlKey}+N)`}
         >
           <i className="mdi mdi-plus-box" />
         </button>
         <button
           onClick={() => openSettings({ path: 'app' })}
-          className="sidebar__button"
+          className="sidebar__button sidebar__button--settings"
           data-tip={`${intl.formatMessage(messages.settings)} (${ctrlKey}+,)`}
         >
           <i className="mdi mdi-settings" />
diff --git a/src/styles/layout.scss b/src/styles/layout.scss
index b35ab2a7b..afdd7dec7 100644
--- a/src/styles/layout.scss
+++ b/src/styles/layout.scss
@@ -42,7 +42,7 @@ html {
   z-index: 200;
   text-align: center;
   color: $theme-text-color;
-  padding-bottom: 5px;
+  padding-bottom: 10px;
 
   .sidebar__add-service {
     width: 32px;
@@ -55,7 +55,7 @@ html {
 
   .sidebar__button {
     width: $theme-sidebar-width;
-    padding: 10px 0;
+    padding: 7px 0;
     font-size: 24px;
     position: relative;
     color: $theme-gray-light;
@@ -71,6 +71,10 @@ html {
     &.is-muted {
       color: $theme-brand-primary;
     }
+
+    &--new-service {
+      padding-bottom: 6px;
+    }
   }
 
   & > div {