diff --git a/website/src/components/layout/article/article-layout-elements.tsx b/website/src/components/layout/article/article-layout-elements.tsx index 706d9f49f15..5efa534370d 100644 --- a/website/src/components/layout/article/article-layout-elements.tsx +++ b/website/src/components/layout/article/article-layout-elements.tsx @@ -92,6 +92,7 @@ export const ArticleWrapper = styled.div` display: flex; grid-row: 1; grid-column: 3 / 4; + min-width: 0; overflow: visible; ${IsSmallDesktop(` @@ -105,6 +106,7 @@ export const ArticleWrapper = styled.div` export const ArticleContainer = styled.div` padding: 20px 40px 0; + min-width: 0; overflow: visible; ${IsPhablet(` diff --git a/website/src/components/layout/site/header.tsx b/website/src/components/layout/site/header.tsx index 0b136642953..010d437811a 100644 --- a/website/src/components/layout/site/header.tsx +++ b/website/src/components/layout/site/header.tsx @@ -183,7 +183,7 @@ const Container = styled.header` justify-content: center; box-sizing: border-box; border-bottom: 1px solid ${THEME_COLORS.boxBorder}; - width: 100vw; + width: 100%; height: 72px; ${ApplyBackdropBlur(48, `background-color: ${THEME_COLORS.backgroundMenu};`)} diff --git a/website/src/components/layout/site/main.tsx b/website/src/components/layout/site/main.tsx index c498b9ec6ff..5c22d3bf119 100644 --- a/website/src/components/layout/site/main.tsx +++ b/website/src/components/layout/site/main.tsx @@ -69,6 +69,7 @@ const Container = styled.div` display: flex; flex-direction: column; height: 100vh; + overflow-x: hidden; overflow-y: auto; `;