diff --git a/web/src/assets/header.svg b/web/src/assets/header.svg
new file mode 100644
index 0000000..638581f
--- /dev/null
+++ b/web/src/assets/header.svg
@@ -0,0 +1,13 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="headerGradient" x1="12" y1="10" x2="54" y2="56" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#34D399"/>
+      <stop offset="1" stop-color="#059669"/>
+    </linearGradient>
+  </defs>
+  <circle cx="32" cy="32" r="32" fill="url(#headerGradient)"/>
+  <circle cx="32" cy="32" r="22" fill="white" fill-opacity="0.16"/>
+  <rect x="18" y="18" width="28" height="28" rx="14" fill="white" fill-opacity="0.18"/>
+  <path d="M24 37L28.8 25H31.4L36.2 37H33.4L32.4 34.3H27.7L26.7 37H24ZM28.5 32.2H31.7L30.1 27.8L28.5 32.2Z" fill="white"/>
+  <path d="M37.9 37V25H40.6V29.6H44.7V32H40.6V37H37.9Z" fill="white"/>
+</svg>
diff --git a/web/src/assets/person.svg b/web/src/assets/person.svg
new file mode 100644
index 0000000..ffb3f20
--- /dev/null
+++ b/web/src/assets/person.svg
@@ -0,0 +1,11 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="personGradient" x1="14" y1="10" x2="52" y2="56" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#60A5FA"/>
+      <stop offset="1" stop-color="#2563EB"/>
+    </linearGradient>
+  </defs>
+  <circle cx="32" cy="32" r="32" fill="url(#personGradient)"/>
+  <circle cx="32" cy="24" r="10" fill="white" fill-opacity="0.94"/>
+  <path d="M18 48C18 40.268 24.268 34 32 34C39.732 34 46 40.268 46 48V50H18V48Z" fill="white" fill-opacity="0.94"/>
+</svg>
diff --git a/web/src/views/scripts/TravelReimbursementCreateView.js b/web/src/views/scripts/TravelReimbursementCreateView.js
index 95be99a..4d9b169 100644
--- a/web/src/views/scripts/TravelReimbursementCreateView.js
+++ b/web/src/views/scripts/TravelReimbursementCreateView.js
@@ -1,7 +1,7 @@
 import { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
 
-import aiAvatar from '../../assets/header.svg'
-import userAvatar from '../../assets/person.svg'
+import aiAvatar from '../../assets/header.svg?no-inline'
+import userAvatar from '../../assets/person.svg?no-inline'
 import { useSystemState } from '../../composables/useSystemState.js'
 import { recognizeOcrFiles } from '../../services/ocr.js'
 import { runOrchestrator } from '../../services/orchestrator.js'