Fixed mobile scrolling + 404 site not found

src/components/Navigation.tsx

@@ -19,7 +19,7 @@ export const renderNavigationItems = (mobile = false): JSX.Element => (
       <NavbarChildLink to="https://sik.kuvat.fi">Kuvagalleria</NavbarChildLink>
       <NavbarChildLink to="/kilta/kilta-avustus">Kilta-avustus</NavbarChildLink>
     </NavbarDropdownLink>
-    <NavbarDropdownLink to="/newStudent" text="New students ›" exploded={mobile}>
+    <NavbarDropdownLink to="/" text="New students ›" exploded={mobile}>
       <NavbarChildLink to="/newStudent/fuksi">Fukseille</NavbarChildLink>
       <NavbarChildLink to="/newStudent/fukseille_en">For Freshmen</NavbarChildLink>
       <NavbarChildLink to="/newStudent/forExchangers">For Exchange/MSc students</NavbarChildLink>

src/components/NavigationMobile.tsx

@@ -4,8 +4,8 @@ import colors from "@theme/colors";
 import { renderNavigationItems } from "./Navigation";
 
 const Nav = styled.nav`
-  padding: 1rem 2rem;
-
+  padding: 1rem 1rem;
+  padding-bottom: 20rem;
   a {
     fill: ${colors.lightBlue};
     color: ${colors.lightBlue};