diff --git a/ui/src/assets/empty-page.svg b/ui/src/assets/empty-page.svg
new file mode 100644
index 00000000000..c7f2c088aad
--- /dev/null
+++ b/ui/src/assets/empty-page.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="1262"
+   height="280"
+   viewBox="0 0 1262 280"
+   fill="none"
+   version="1.1"
+   id="svg20"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <g
+     filter="url(#filter0_f_5734_48230)"
+     id="g4"
+     transform="translate(0.03707629,-11.118246)">
+    <rect
+       width="861.21997"
+       height="328.79599"
+       transform="matrix(-1,0,0,1,1061.61,-249.689)"
+       fill="url(#paint0_linear_5734_48230)"
+       id="rect2"
+       style="fill:url(#paint0_linear_5734_48230)"
+       x="0"
+       y="0" />
+  </g>
+  <defs
+     id="defs18">
+    <filter
+       id="filter0_f_5734_48230"
+       x="0.390625"
+       y="-449.689"
+       width="1261.22"
+       height="728.796"
+       filterUnits="userSpaceOnUse"
+       color-interpolation-filters="sRGB">
+      <feFlood
+         flood-opacity="0"
+         result="BackgroundImageFix"
+         id="feFlood6" />
+      <feBlend
+         mode="normal"
+         in="SourceGraphic"
+         in2="BackgroundImageFix"
+         result="shape"
+         id="feBlend8" />
+      <feGaussianBlur
+         stdDeviation="100"
+         result="effect1_foregroundBlur_5734_48230"
+         id="feGaussianBlur10" />
+    </filter>
+    <linearGradient
+       id="paint0_linear_5734_48230"
+       x1="430.61"
+       y1="0"
+       x2="430.61"
+       y2="328.796"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         stop-color="#6218FF"
+         stop-opacity="0"
+         id="stop13" />
+      <stop
+         offset="1"
+         stop-color="#6117FF"
+         id="stop15" />
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/ui/src/assets/errors/kestra-error.png b/ui/src/assets/errors/kestra-error.png
index 8bd44ba58e5..651ffdd01c5 100644
Binary files a/ui/src/assets/errors/kestra-error.png and b/ui/src/assets/errors/kestra-error.png differ
diff --git a/ui/src/components/errors/Errors.vue b/ui/src/components/errors/Errors.vue
index 1c02a4f8610..eaf0288f3b8 100644
--- a/ui/src/components/errors/Errors.vue
+++ b/ui/src/components/errors/Errors.vue
@@ -8,7 +8,7 @@
             <span v-html="$t('errors.' + code + '.content')" />
         </p>
 
-        <el-button v-if="!isFullScreen()" tag="router-link" :to="{name: 'home'}" type="primary">
+        <el-button v-if="!isFullScreen()" tag="router-link" :to="{name: 'home'}" type="primary" size="large">
             {{ $t("back_to_dashboard") }}
         </el-button>
     </section>
@@ -51,12 +51,16 @@
 
 <style lang="scss" scoped>
     .errors {
-        margin-top: 10em;
+        margin-top: 0;
+        padding-top: 10rem;
+        padding-bottom: 3rem;
         text-align: center;
+        background: url("../../assets/empty-page.svg") no-repeat top center;
 
         .img {
             background: url("../../assets/errors/kestra-error.png") no-repeat center;
             background-size: contain;
+            max-height: 156px;
         }
 
         h2 {
@@ -68,6 +72,6 @@
         p {
             line-height: 22px;
             font-size: 14px;
-        }    
+        }
     }
 </style>