Merge pull request #131 from thisyahlen-deriv/thisyahlen/header-and-o…

…verflow-style-fix fix: header and overflow
deriv-com · Apr 29, 2024 · e7d64cb · e7d64cb
2 parents 4c368ce + 029bde3
commit e7d64cb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -9,7 +9,7 @@ export const Header = () => {
     const { getOauthURL, getDerivStaticURL } = URLUtils;
 
     return (
-        <header className='border-solid border-b-1 border-b-system-light-hover-background flex px-20'>
+        <header className='border-solid border-b-1 border-b-system-light-hover-background flex px-20 sticky top-0 bg-system-light-primary-background z-50'>
             <div className='flex justify-between items-center w-full'>
                 <IconComponent
                     icon='Deriv'

diff --git a/src/index.css b/src/index.css
@@ -17,3 +17,7 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
+
+body {
+    overscroll-behavior: none;
+}