diff --git a/frontend/src/Components/Menu/ToolbarMenuButton.css b/frontend/src/Components/Menu/ToolbarMenuButton.css
index 09d1a4309..71e966c71 100644
--- a/frontend/src/Components/Menu/ToolbarMenuButton.css
+++ b/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';
}
diff --git a/frontend/src/Components/Menu/ToolbarMenuButton.js b/frontend/src/Components/Menu/ToolbarMenuButton.js
index b80d6eaa3..fe06793f6 100644
--- a/frontend/src/Components/Menu/ToolbarMenuButton.js
+++ b/frontend/src/Components/Menu/ToolbarMenuButton.js
@@ -22,8 +22,10 @@ function ToolbarMenuButton(props) {
size={21}
/>
-
diff --git a/frontend/src/Components/Page/Toolbar/PageToolbarButton.css b/frontend/src/Components/Page/Toolbar/PageToolbarButton.css
index 7af04b6ec..e729ed000 100644
--- a/frontend/src/Components/Page/Toolbar/PageToolbarButton.css
+++ b/frontend/src/Components/Page/Toolbar/PageToolbarButton.css
@@ -1,6 +1,7 @@
.toolbarButton {
composes: link from '~Components/Link/Link.css';
+ padding-top: 4px;
width: $toolbarButtonWidth;
text-align: center;
@@ -21,7 +22,7 @@
display: flex;
align-items: center;
justify-content: center;
- min-height: 16px;
+ height: 24px;
}
.label {
diff --git a/frontend/src/Components/Page/Toolbar/PageToolbarSection.css b/frontend/src/Components/Page/Toolbar/PageToolbarSection.css
index bf020a7d0..110675b99 100644
--- a/frontend/src/Components/Page/Toolbar/PageToolbarSection.css
+++ b/frontend/src/Components/Page/Toolbar/PageToolbarSection.css
@@ -6,7 +6,7 @@
.section {
display: flex;
- align-items: center;
+ align-items: stretch;
flex-grow: 1;
}