fix: page layouts

src/renderer/App.tsx

@@ -47,7 +47,7 @@ export const App = () => {
       <BaseStyles>
         <AppProvider>
           <Router>
-            <div className="flex h-full overflow-x-hidden overflow-y-auto flex-col pl-10 bg-gitify-background">
+            <div className="flex h-screen overflow-x-hidden overflow-y-auto flex-col pl-10 bg-gitify-background">
               <Loading />
               <Sidebar />
               <Routes>

src/renderer/components/Oops.test.tsx

@@ -1,7 +1,12 @@
 import { render } from '@testing-library/react';
+import { ensureStableEmojis } from '../__mocks__/utils';
 import { Oops } from './Oops';
 
 describe('renderer/components/Oops.tsx', () => {
+  beforeEach(() => {
+    ensureStableEmojis();
+  });
+
   it('should render itself & its children - specified error', () => {
     const mockError = {
       title: 'Error title',

src/renderer/components/layout/Centered.tsx

@@ -16,7 +16,7 @@ export const Centered: FC<ICentered> = ({
       align="center"
       justify="center"
       padding="spacious"
-      className={fullHeight && 'min-h-screen'}
+      className={fullHeight && 'h-full'}
     >
       {props.children}
     </Stack>

src/renderer/components/layout/Page.tsx

@@ -7,7 +7,7 @@ interface IPage {
 
 export const Page: FC<IPage> = (props: IPage) => {
   return (
-    <div className="flex flex-col h-screen" data-testid={props.id}>
+    <div className="flex flex-col h-full" data-testid={props.id}>
       {props.children}
     </div>
   );

src/renderer/routes/LoginWithOAuthApp.tsx

@@ -67,7 +67,7 @@ export const LoginWithOAuthAppRoute: FC = () => {
 
     return (
       <Page id="Login With OAuth App">
-        <form onSubmit={handleSubmit}>
+        <form onSubmit={handleSubmit} className="-mt-5">
           <FieldInput
             name="hostname"
             label="Hostname"