optimize sidebar button size

1 files changed, 3 insertions, 3 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" />