diff --git a/src/features/GlobalStyles/index.tsx b/src/features/GlobalStyles/index.tsx index 50e67728..33028585 100644 --- a/src/features/GlobalStyles/index.tsx +++ b/src/features/GlobalStyles/index.tsx @@ -1,4 +1,6 @@ -import { createGlobalStyle } from 'styled-components/macro' +import { createGlobalStyle, css } from 'styled-components/macro' + +import { isMobileDevice } from 'config/userAgent' export const GlobalStyles = createGlobalStyle` *, *:before, *:after { @@ -8,6 +10,12 @@ export const GlobalStyles = createGlobalStyle` html { font-size: calc(2px + 1vw); overflow-y: hidden; + + ${isMobileDevice + ? css` + overflow-y: auto; + ` + : ''}; } body {