diff --git a/src/App.tsx b/src/App.tsx index 21794d4..246b9c7 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -37,7 +37,7 @@ const App: React.FC = () => { if (isOnboardVisible) { document.body.style.overflowY = "hidden"; } else { - document.body.style.overflowY = "auto"; + document.body.style.overflowY = "overlay"; } }, [isOnboardVisible]); @@ -68,10 +68,6 @@ const App: React.FC = () => { - {/* Testing route, delete later */} - - - diff --git a/src/components/MappingsTable.tsx b/src/components/MappingsTable.tsx index 08c6828..93b80db 100644 --- a/src/components/MappingsTable.tsx +++ b/src/components/MappingsTable.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useRef, useState } from "react"; +import React, { useEffect, useState } from "react"; import styled from "styled-components"; import { useAppDispatch } from "../redux/hooks"; diff --git a/src/styles/global-styles.ts b/src/styles/global-styles.ts index bb4f1dc..a5469bd 100644 --- a/src/styles/global-styles.ts +++ b/src/styles/global-styles.ts @@ -34,7 +34,7 @@ const GlobalStyle = createGlobalStyle` background: ${(props) => props.theme.colors.floralWhite}; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - overflow-y: auto; + overflow-y: overlay; #root { display: flex;