diff --git a/assets/stratumiops-h.svg b/assets/stratumiops-h.svg
index ceab77b..44e711e 100644
--- a/assets/stratumiops-h.svg
+++ b/assets/stratumiops-h.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 300" width="100%" height="100%" preserveAspectRatio="xMidYMid meet">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 300" width="800" height="300">
   <defs>
     <linearGradient id="hpLayerGrad" x1="0%" y1="0%" x2="100%" y2="100%">
       <stop offset="0%" style="stop-color:#6366F1"/>
@@ -15,6 +15,11 @@
       <animate attributeName="x1" values="0%;100%;0%" dur="2.5s" repeatCount="indefinite"/>
       <animate attributeName="x2" values="100%;200%;100%" dur="2.5s" repeatCount="indefinite"/>
     </linearGradient>
+    <linearGradient id="hpUnderlineGrad" x1="280" y1="195" x2="750" y2="195" gradientUnits="userSpaceOnUse">
+      <stop offset="0%" style="stop-color:#6366F1"/>
+      <stop offset="50%" style="stop-color:#22D3EE"/>
+      <stop offset="100%" style="stop-color:#6366F1"/>
+    </linearGradient>
     <linearGradient id="hpShimmer" x1="0%" y1="0%" x2="100%" y2="0%">
       <stop offset="0%" style="stop-color:#6366F1"/>
       <stop offset="40%" style="stop-color:#6366F1"/>
@@ -179,7 +184,8 @@
   </rect>
 
   <!-- Underline -->
-  <line x1="280" y1="195" x2="280" y2="195" stroke="url(#hpFlowGrad)" stroke-width="3" stroke-linecap="round">
-    <animate attributeName="x2" values="280;980" dur="0.8s" fill="freeze" begin="1.4s" calcMode="spline" keySplines="0.25 0.1 0.25 1"/>
+  <line x1="280" y1="195" x2="280" y2="195" stroke="url(#hpUnderlineGrad)" stroke-width="3" stroke-linecap="round" opacity="0">
+    <animate attributeName="opacity" values="0;0.7" dur="0.1s" fill="freeze" begin="1.4s"/>
+    <animate attributeName="x2" values="280;750" dur="0.8s" fill="freeze" begin="1.4s" calcMode="spline" keySplines="0.25 0.1 0.25 1"/>
   </line>
 </svg>