diff --git a/client/modules/User/components/DashboardTabSwitcher.jsx b/client/modules/User/components/DashboardTabSwitcher.jsx
index 4b657b01..cab9132c 100644
--- a/client/modules/User/components/DashboardTabSwitcher.jsx
+++ b/client/modules/User/components/DashboardTabSwitcher.jsx
@@ -12,7 +12,7 @@ const Tab = ({ children, isSelected, to }) => {
const selectedClassName = 'dashboard-header__tab--selected';
const location = { pathname: to, state: { skipSavingPath: true } };
- const content = isSelected ? children : {children};
+ const content = isSelected ? {children} : {children};
return (
diff --git a/client/styles/components/_dashboard-header.scss b/client/styles/components/_dashboard-header.scss
index 57e6c626..5de7ec20 100644
--- a/client/styles/components/_dashboard-header.scss
+++ b/client/styles/components/_dashboard-header.scss
@@ -33,7 +33,7 @@
color: getThemifyVariable('inactive-text-color');
border-bottom: #{4 / $base-font-size}rem solid transparent;
- padding: 0 0 #{8 / $base-font-size}rem 0;
+ padding: 0;
margin-right: #{26 / $base-font-size}rem;
&:hover, &:focus, &.dashboard-header__tab--selected {
@@ -56,7 +56,12 @@
.dashboard-header__tab__title {
margin: 0;
- padding: 0 #{5 /$base-font-size}rem;
+ padding: 0;
+}
+
+.dashboard-header__tab__title > * {
+ display: inline-block;
+ padding: 0 #{5 /$base-font-size}rem #{5 /$base-font-size}rem;
}
.dashboard-header__nav {