diff --git a/components/application-form.html b/components/application-form.html
index 23569aa2..a0ca5090 100644
--- a/components/application-form.html
+++ b/components/application-form.html
@@ -46,7 +46,7 @@
     <div id="nostrFormModalDescription" class="modal-body">
       <div class="modal-embed-frame">
         <iframe
-          src="./components/iframe_forms/iframe-application-form.html"
+          src="/components/iframe_forms/iframe-application-form.html"
           class="h-full w-full rounded-lg border border-border/30 shadow-sm"
           frameborder="0"
         ></iframe>
diff --git a/components/profile-modal.html b/components/profile-modal.html
index d3861443..93f9bb5e 100644
--- a/components/profile-modal.html
+++ b/components/profile-modal.html
@@ -238,7 +238,7 @@
                   >
                     <img
                       id="profileModalAvatar"
-                      src="assets/svg/default-profile.svg"
+                      src="/assets/svg/default-profile.svg"
                       alt="Active profile avatar"
                       class="h-full w-full object-cover"
                     />
diff --git a/tests/e2e/ui-modals.spec.ts b/tests/e2e/ui-modals.spec.ts
index ba410743..0b95897c 100644
--- a/tests/e2e/ui-modals.spec.ts
+++ b/tests/e2e/ui-modals.spec.ts
@@ -6,6 +6,18 @@ import {
 } from "./helpers/uiTestUtils";
 
 test.describe("login modal flows", () => {
+  test("preflight check for asset availability", async ({ request }) => {
+    const assets = [
+      "/assets/svg/default-profile.svg",
+      "/components/iframe_forms/iframe-application-form.html",
+    ];
+
+    for (const asset of assets) {
+      const response = await request.get(asset);
+      expect(response.status(), `Asset ${asset} should be available`).toBe(200);
+    }
+  });
+
   test.beforeEach(async ({ page }) => {
     await applyReducedMotion(page);
     failOnConsoleErrors(page);