diff --git a/src/components/HeaderNav/Header.tsx b/src/components/HeaderNav/Header.tsx
index 5c5533c6..d081e9d9 100644
--- a/src/components/HeaderNav/Header.tsx
+++ b/src/components/HeaderNav/Header.tsx
@@ -173,34 +173,34 @@ export const Header = (props: Props) => {
toggleSubnavigation(true, setIsZineVisible)}
- onMouseOut={(event?: MouseEvent) => hideSubnavigation(event, 0)}
+ onMouseOut={(event?: MouseEvent) => hideSubnavigation(event)}
href="/"
active={isZineVisible()}
body={t('Journal')}
/>
toggleSubnavigation(true, setIsFeedVisible)}
- onMouseOut={(event?: MouseEvent) => hideSubnavigation(event, 0)}
+ onMouseOut={(event?: MouseEvent) => hideSubnavigation(event)}
href="/feed"
active={isFeedVisible()}
body={t('Feed')}
/>
toggleSubnavigation(true, setIsTopicsVisible)}
- onMouseOut={(event?: MouseEvent) => hideSubnavigation(event, 0)}
+ onMouseOut={(event?: MouseEvent) => hideSubnavigation(event)}
href="/topic"
active={isTopicsVisible()}
body={t('Topics')}
/>
hideSubnavigation(event, 0)}
- onMouseOut={(event?: MouseEvent) => hideSubnavigation(event, 0)}
+ onMouseOut={(event?: MouseEvent) => hideSubnavigation(event)}
href="/author"
body={t('Authors')}
/>
toggleSubnavigation(true, setIsKnowledgeBaseVisible)}
- onMouseOut={(event?: MouseEvent) => hideSubnavigation(event, 0)}
+ onMouseOut={(event?: MouseEvent) => hideSubnavigation(event)}
href="/guide"
body={t('Knowledge base')}
active={isKnowledgeBaseVisible()}
diff --git a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
index d35fc313..6892edc0 100644
--- a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
+++ b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
@@ -41,7 +41,13 @@ export const ArticleCardSwiper = (props: Props) => {
})}
>
- {props.title}
+
0}>
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 376dbb3d..cf9f6607 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -743,13 +743,14 @@ figure {
}
.main-content {
+ flex: 1 100%;
+ min-height: 90vh;
+ padding-top: 80px;
+ position: relative;
+
@include media-breakpoint-up(lg) {
padding-top: 130px;
}
-
- flex: 1 100%;
- min-height: 90vh;
- position: relative;
}
.main-content--no-padding {