From 0ec7e5ceedc89225865f7ebad3ccd454d971f9a0 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Mon, 28 Aug 2023 01:26:39 +0300
Subject: [PATCH] Fixed error page height

---
 src/components/Views/FourOuFour.tsx | 2 +-
 src/styles/FourOuFour.module.scss   | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Views/FourOuFour.tsx b/src/components/Views/FourOuFour.tsx
index e35a6448..0f362fe1 100644
--- a/src/components/Views/FourOuFour.tsx
+++ b/src/components/Views/FourOuFour.tsx
@@ -8,7 +8,7 @@ export const FourOuFourView = (_props) => {
   return (
     <div class={styles.errorPageWrapper}>
       <div class={styles.errorPage}>
-        <div class="container">
+        <div class="wide-container">
           <div class="row">
             <div class="col-md-14 offset-md-6 col-lg-12">
               <a href="/" class="image-link">
diff --git a/src/styles/FourOuFour.module.scss b/src/styles/FourOuFour.module.scss
index b8a01d3e..f3c6b86f 100644
--- a/src/styles/FourOuFour.module.scss
+++ b/src/styles/FourOuFour.module.scss
@@ -1,12 +1,13 @@
 .errorPageWrapper {
   height: 100vh;
+  margin: -120px 0 -2em;
   padding-top: 100px;
 }
 
 .errorPage {
   position: relative;
   top: 35%;
-  transform: translateY(-45%);
+  transform: translateY(-50%);
 
   .image-link:hover {
     background: none;
@@ -36,6 +37,7 @@
 .errorImage {
   display: block;
   margin: auto;
+  max-height: 60vh;
   width: 85%;
 }