diff --git a/packages/ui-templates/templates/error-404/index.html b/packages/ui-templates/templates/error-404/index.html
index c26d2dc385..dab5ab87e5 100644
--- a/packages/ui-templates/templates/error-404/index.html
+++ b/packages/ui-templates/templates/error-404/index.html
@@ -6,11 +6,7 @@
     <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0" name="viewport"/>
     <script type="module" src="/styles.ts"></script>
     <style>
-      :root {
-        --gradient-color: linear-gradient(90deg, #0047E1 0%, #34CDFE 50%, #00DC82 99.48%);
-      }
       .spotlight {
-        z-index: -1;
         background: linear-gradient(45deg, #00DC82 0%, #36E4DA 50%, #0047E1 100%);
         filter: blur(20vh);
       }
@@ -26,11 +22,10 @@
         left: 0;
         right: 0;
         bottom: 0;
-        background: var(--gradient-color);
+        background: linear-gradient(90deg, #0047E1 0%, #34CDFE 50%, #00DC82 100%);
         z-index: -2;
         transition: filter 0.1s linear;
       }
-
       .gradient-border::after {
         content: '';
         position: absolute;
@@ -38,11 +33,10 @@
         left: -2px;
         right: -2px;
         bottom: -2px;
-        background: var(--gradient-color);
+        background: linear-gradient(90deg, #0047E1 0%, #34CDFE 50%, #00DC82 100%);
         z-index: -1;
         border-radius: 0.5rem;
       }
-
       .gradient-border:hover::before {
         filter: blur(10px);
       }
diff --git a/packages/ui-templates/templates/error-500/index.html b/packages/ui-templates/templates/error-500/index.html
index fda6e255ec..0ae46738cb 100644
--- a/packages/ui-templates/templates/error-500/index.html
+++ b/packages/ui-templates/templates/error-500/index.html
@@ -6,56 +6,10 @@
     <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0" name="viewport"/>
     <script type="module" src="/styles.ts"></script>
     <style>
-      :root {
-        --gradient-color: linear-gradient(90deg, #0047E1 0%, #34CDFE 50%, #00DC82 99.48%);
-      }
       .spotlight {
-        z-index: -1;
         background: linear-gradient(45deg, #00DC82 0%, #36E4DA 50%, #0047E1 100%);
         filter: blur(20vh);
       }
-      .gradient-border {
-        position: relative;
-        background: transparent;
-        border-radius: 0.5rem;
-      }
-      .gradient-border::before {
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background: var(--gradient-color);
-        z-index: -2;
-        transition: filter 0.1s linear;
-      }
-
-      .gradient-border::after {
-        content: '';
-        position: absolute;
-        top: -2px;
-        left: -2px;
-        right: -2px;
-        bottom: -2px;
-        background: var(--gradient-color);
-        z-index: -1;
-        border-radius: 0.5rem;
-      }
-
-      .gradient-border:hover::before {
-        filter: blur(10px);
-      }
-      @media (prefers-color-scheme: light) {
-        .gradient-border {
-          background: #F9FAFC;
-        }
-      }
-      @media (prefers-color-scheme: dark) {
-        .gradient-border {
-          background: #030D0F;
-        }
-      }
     </style>
   </head>
   <body class="font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden ">
diff --git a/packages/ui-templates/templates/error-dev/index.html b/packages/ui-templates/templates/error-dev/index.html
index ed9a0c9107..24fe449e2d 100644
--- a/packages/ui-templates/templates/error-dev/index.html
+++ b/packages/ui-templates/templates/error-dev/index.html
@@ -7,9 +7,9 @@
     <script type="module" src="/styles.ts"></script>
     <style>
       .spotlight {
-        z-index: -1;
         background: linear-gradient(45deg, #00DC82 0%, #36E4DA 50%, #0047E1 100%);
-        filter: blur(40vh);
+        opacity: 0.8;
+        filter: blur(30vh);
       }
     </style>
   </head>
diff --git a/packages/ui-templates/templates/welcome/index.html b/packages/ui-templates/templates/welcome/index.html
index aba07ca155..958609527c 100644
--- a/packages/ui-templates/templates/welcome/index.html
+++ b/packages/ui-templates/templates/welcome/index.html
@@ -7,7 +7,6 @@
     <script type="module" src="/styles.ts"></script>
     <style>
       .spotlight {
-        z-index: -1;
         background: linear-gradient(45deg, #00DC82 0%, #36E4DA 50%, #0047E1 100%);
         filter: blur(20vh);
       }
