chore: fix styling from merge

src/App.styled.tsx

@@ -2,6 +2,5 @@ import styled from 'styled-components';
 
 const StyledOutletWrapper = styled.section`
   height: calc(100% - 128px);
-  overflow: scroll;
 `;
 export { StyledOutletWrapper as OutletWrapper };

src/features/ModelView/ModelView.styled.tsx

@@ -5,12 +5,11 @@ export const MetadataWrapper = styled.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  height: 100%;
+  height: calc(100% - 75.5px);
   width: 100%;
   padding: ${spacings.X_LARGE};
   row-gap: ${spacings.XXX_LARGE};
   column-gap: ${spacings.X_LARGE};
-  overflow-y: scroll;
 
   @media (max-width: 1350px) {
     flex-direction: column;

src/pages/Layout.tsx

@@ -1,11 +1,11 @@
+import { useMsal } from '@azure/msal-react';
+import { useEffect } from 'react';
 import { Outlet } from 'react-router-dom';
+import * as Styled from '../App.styled';
+import { OpenAPI } from '../api/generated/core/OpenAPI';
 import AppBar from '../features/AppBar/AppBar';
 import { Footer } from '../features/Footer/Footer';
-import * as Styled from '../App.styled';
-import { useEffect } from 'react';
-import { useMsal } from '@azure/msal-react';
 import { useAccessToken } from '../hooks/useAccessToken';
-import { OpenAPI } from '../api/generated/core/OpenAPI';
 
 export const Layout = () => {
   const { instance, accounts } = useMsal();
@@ -16,12 +16,12 @@ export const Layout = () => {
   }, [token, accounts]);
 
   return (
-    <div>
+    <>
       <AppBar title="PEPM" />
       <Styled.OutletWrapper>
         <Outlet />
       </Styled.OutletWrapper>
       <Footer text="All information is proprietary of Equinor © 2023 Equinor ASA" />
-    </div>
+    </>
   );
 };

src/pages/ModelPages/Model/Model.styled.tsx

@@ -12,6 +12,7 @@ export const Wrapper = styled.div`
 
 export const ContentWrapper = styled.div`
   width: 100%;
+  overflow: scroll;
 `;
 
 export const SidebarWrapper = styled.div`