Increase 404 mascot size

2 files changed, 7 insertions, 1 deletions

diff --git a/client/src/app/+page-not-found/page-not-found.component.html b/client/src/app/+page-not-found/page-not-found.component.html
index df3ea6739..37e382b2c 100644
--- a/client/src/app/+page-not-found/page-not-found.component.html
+++ b/client/src/app/+page-not-found/page-not-found.component.html
@@ -1,5 +1,5 @@
 <div class="root">
-  <img src="/client/assets/images/mascot/defeated.png" alt="404 mascot">
+  <img src="/client/assets/images/mascot/defeated.svg" alt="404 mascot">
 
   <div class="text" i18n>
     Sorry, we couldn't find the page you were looking for.
diff --git a/client/src/app/+page-not-found/page-not-found.component.scss b/client/src/app/+page-not-found/page-not-found.component.scss
index 7b7ff005a..660f4c3b8 100644
--- a/client/src/app/+page-not-found/page-not-found.component.scss
+++ b/client/src/app/+page-not-found/page-not-found.component.scss
@@ -6,6 +6,8 @@
 
   img {
     margin-bottom: 75px;
+    width: 220px;
+    height: auto;
   }
 
   .text {
@@ -14,5 +16,9 @@
 
   @media screen and (max-height: 600px) {
     padding-top: 50px;
+
+    img {
+      width: 160px;
+    }
   }
 }