diff --git a/index.html b/index.html
index 0dd8eae..18e2eea 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,9 @@
 		<style>
 :root, html[data-theme='light'] {
 	--width: 80rem;
+}
+:invalid:not(form) {
+	border-color: red;
 }
 		</style>
 	</head>
diff --git a/l3config.js b/l3config.js
index f642d5a..6e73356 100644
--- a/l3config.js
+++ b/l3config.js
@@ -221,7 +221,7 @@ function initForm() {
 
 	const l3cfg = new L3Config();
 	l3cfg.addSection(new L3Section('gateway',
-		new L3Input('Router Name','gatewayName', 'name', {type: 'search', required: '', placeholder: 'Router Name'}),
+		new L3Input('Router Name','gatewayName', 'name', {type: 'search', placeholder: 'Router Name'}),
 		new L3Input('Router IPv4 Address','gatewayRouterIP', 'router_ip', {type: 'text'}),
 		new L3Input('Router IPv6 Address','gatewayRouterIP6', 'router_ip6', {type: 'text'}),
 	));