Fixed: Consistent icon position for toolbar buttons

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>

frontend/src/Components/Menu/ToolbarMenuButton.css

@@ -1,11 +1,16 @@
 .menuButton {
   composes: menuButton from '~./MenuButton.css';
 
+  padding-top: 4px;
   width: $toolbarButtonWidth;
   height: $toolbarHeight;
   text-align: center;
 }
 
+.labelContainer {
+  composes: labelContainer from '~Components/Page/Toolbar/PageToolbarButton.css';
+}
+
 .label {
   composes: label from '~Components/Page/Toolbar/PageToolbarButton.css';
 }

frontend/src/Components/Menu/ToolbarMenuButton.js

@@ -22,8 +22,10 @@ function ToolbarMenuButton(props) {
           size={21}
         />
 
-        <div className={styles.label}>
-          {text}
+        <div className={styles.labelContainer}>
+          <div className={styles.label}>
+            {text}
+          </div>
         </div>
       </div>
     </MenuButton>