diff --git a/client/src/components/Masthead/Masthead.vue b/client/src/components/Masthead/Masthead.vue
index a26eaa7dff39..e3160ae786dd 100644
--- a/client/src/components/Masthead/Masthead.vue
+++ b/client/src/components/Masthead/Masthead.vue
@@ -126,6 +126,12 @@ onMounted(() => {
@click="openUrl('/about')" />
+ {
cursor: pointer;
text-decoration: none;
color: var(--masthead-text-color);
+ margin-right: 0.25rem;
&:hover {
color: var(--masthead-text-hover);
}
&.nav-icon {
- font-size: 1em;
+ font-size: 1.2em;
.nav-note {
position: absolute;
- left: 1.4rem;
- top: 1.4rem;
+ left: 1.6rem;
+ top: 1.6rem;
font-size: 0.4rem;
font-weight: bold;
}
diff --git a/client/src/components/Masthead/MastheadItem.vue b/client/src/components/Masthead/MastheadItem.vue
index 12d1df9f3f4b..b504eeff616f 100644
--- a/client/src/components/Masthead/MastheadItem.vue
+++ b/client/src/components/Masthead/MastheadItem.vue
@@ -44,7 +44,7 @@ const props = defineProps({
v-b-tooltip.hover.bottom
:href="withPrefix(url)"
:target="target || '_parent'"
- link-classes="nav-icon"
+ :link-classes="{ 'nav-icon': !!icon, 'toggle': toggle }"
:title="tooltip"
@click="$emit('click')">