diff --git a/apps/marketing/src/styles/global.css b/apps/marketing/src/styles/global.css index 6ac83f66cc..4753b07fcb 100644 --- a/apps/marketing/src/styles/global.css +++ b/apps/marketing/src/styles/global.css @@ -30,6 +30,13 @@ html { scroll-behavior: smooth; } +@media (pointer: fine) { + html, + body { + overscroll-behavior: none; + } +} + body { font-family: var(--font-sans); color: var(--color-ink); diff --git a/packages/react/src/styles/globals.css b/packages/react/src/styles/globals.css index 97977327b8..2bf090034d 100644 --- a/packages/react/src/styles/globals.css +++ b/packages/react/src/styles/globals.css @@ -196,6 +196,13 @@ @apply bg-background font-sans text-foreground antialiased; } + @media (pointer: fine) { + html, + body { + overscroll-behavior: none; + } + } + ::-webkit-scrollbar { width: 6px; height: 6px;