diff --git a/public/components/views/home/report/report.html b/public/components/views/home/report/report.html
index 77765b29..005c288b 100644
--- a/public/components/views/home/report/report.html
+++ b/public/components/views/home/report/report.html
@@ -5,7 +5,7 @@
     </div>
     <form action="">
       <label for="title">[[=z.token('popup.report.form.title')]]</label>
-      <input type="text" id="title" name="title" required>
+      <input type="text" id="title" name="title">
       <div>
         <input type="checkbox" id="includesAllDeps" name="includesAllDeps" checked>
         <label for="includesAllDeps">[[=z.token('popup.report.form.includesAllDeps')]]</label>
diff --git a/public/components/views/home/report/report.js b/public/components/views/home/report/report.js
index 6b5a384f..2427e54a 100644
--- a/public/components/views/home/report/report.js
+++ b/public/components/views/home/report/report.js
@@ -12,14 +12,15 @@ export class PopupReport {
     const clone = templateElement.content.cloneNode(true);
     const form = clone.querySelector("form");
     const isLightPreference = window.matchMedia && window.matchMedia("(prefers-color-scheme: light)").matches;
+    const defaultTitle = `${this.rootDependencyName}'s report`;
     form.querySelector("#lightTheme").checked = isLightPreference;
     form.querySelector("#darkTheme").checked = !isLightPreference;
-    clone.querySelector("#title").placeholder = `${this.rootDependencyName}'s report`;
+    clone.querySelector("#title").placeholder = defaultTitle;
     form.addEventListener("submit", (e) => {
       e.preventDefault();
 
       form.querySelector(".spinner").classList.remove("hidden");
-      const title = form.querySelector("#title").value;
+      const title = form.querySelector("#title").value || defaultTitle;
       const theme = form.querySelector("#lightTheme").checked ? "light" : "dark";
       const includesAllDeps = form.querySelector("#includesAllDeps").checked;