diff --git a/src/ifctester/webapp/src/css/app.css b/src/ifctester/webapp/src/css/app.css
index 10980f263f..a8210b43e8 100644
--- a/src/ifctester/webapp/src/css/app.css
+++ b/src/ifctester/webapp/src/css/app.css
@@ -598,6 +598,11 @@ html, body {
             border-color: #008242;
             box-shadow: 0 0 0 0.2rem #00824254;
         }
+        .form-input:invalid {
+            outline: 1px;
+            border-color: #f44336;
+            box-shadow: 0 0 0 0.2rem #f4433654;
+        }
         .form-input::placeholder {
             color: #888888;
         }
diff --git a/src/ifctester/webapp/src/pages/Home/IdsMetadataEditor.svelte b/src/ifctester/webapp/src/pages/Home/IdsMetadataEditor.svelte
index 2e9f94dd04..59cd95c0a5 100644
--- a/src/ifctester/webapp/src/pages/Home/IdsMetadataEditor.svelte
+++ b/src/ifctester/webapp/src/pages/Home/IdsMetadataEditor.svelte
@@ -22,7 +22,7 @@
             <input class="form-input" type="text" bind:value={() => getProp("title"), (v) => setProp("title", v)} placeholder="Enter IDS title">
         </div>
         <div class="form-group">
-            <label>Author</label>
+            <label>Author Email</label>
             <input class="form-input" type="email" bind:value={() => getProp("author"), (v) => setProp("author", v)} placeholder="Enter author">
         </div>
         <div class="form-group">
@@ -50,4 +50,4 @@
             <input class="form-input" type="text" bind:value={() => getProp("copyright"), (v) => setProp("copyright", v)} placeholder="Enter copyright">
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>