diff --git a/admin/ui/manual.go b/admin/ui/manual.go
index 02f7f7ea5..e1be7cf6b 100644
--- a/admin/ui/manual.go
+++ b/admin/ui/manual.go
@@ -67,7 +67,7 @@ var tmplManual = template.Must(template.New("manual").Funcs(funcs).Parse( // lan
 		<a href="/" class="brand-logo"><img alt="Fabio Logo" style="margin: 15px 0" class="logo" src="/assets/logo.bw.svg"> {{if .Title}} - {{.Title}}{{end}}</a>
 			<ul id="nav-mobile" class="right hide-on-med-and-down">
 				<li><a href="/routes">Routes</a></li>
-                <li><a class="dropdown-button" href="#!" data-activates="overrides">Overrides<i class="material-icons right">arrow_drop_down</i></a></li>
+                <li><a class="dropdown-trigger dropdown-button" href="#" data-target="overrides">Overrides<i class="material-icons right">arrow_drop_down</i></a></li>
 				<li><a href="https://github.com/fabiolb/fabio/blob/master/CHANGELOG.md">{{.Version}}</a></li>
 				<li><a href="https://github.com/fabiolb/fabio">Github</a></li>
 			</ul>
@@ -104,21 +104,22 @@ var tmplManual = template.Must(template.New("manual").Funcs(funcs).Parse( // lan
 
 <script>
 $(function(){
+	$('.dropdown-trigger').dropdown();
 	let params={};window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(str,key,value){params[key] = value;});
 
 	$.get({{.APIPath}}, function(data) {
-        const $ta1 = $("#textarea1");
+		const $ta1 = $("#textarea1");
 		$("input[name=version]").val(data.version);
 		$("textarea>label").val("Version " + data.version);
 		$ta1.val(data.value);
-		$ta1.trigger('autoresize');
+		M.textareaAutoResize($('#textarea1'));
 	});
 
 	$.get('/api/paths', function(data) {
 		const d = $("#overrides");
 		$.each(data, function(idx, val) {
 			let path = val;
-			if (val === "") {
+			if (val == "") {
 				val = "default"
 			}
 			d.append(
diff --git a/admin/ui/route.go b/admin/ui/route.go
index 428a29557..3faf6b64b 100644
--- a/admin/ui/route.go
+++ b/admin/ui/route.go
@@ -24,9 +24,9 @@ var tmplRoutes = template.Must(template.New("routes").Parse( // language=HTML
 	<meta charset="utf-8">
 	<title>fabio{{if .Title}} - {{.Title}}{{end}}</title>
 	<script type="text/javascript" src="/assets/code.jquery.com/jquery-3.6.0.min.js"></script>
-    <link href="/assets/fonts/material-icons.css" rel="stylesheet">
-    <link rel="stylesheet" href="/assets/cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
-    <script src="/assets/cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
+	<link href="/assets/fonts/material-icons.css" rel="stylesheet">
+	<link rel="stylesheet" href="/assets/cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+	<script src="/assets/cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 
 	<style type="text/css">
@@ -49,7 +49,7 @@ var tmplRoutes = template.Must(template.New("routes").Parse( // language=HTML
 		<div class="nav-wrapper">
 			<a href="/" class="brand-logo">fabio{{if .Title}} - {{.Title}}{{end}}</a>
 			<ul id="nav-mobile" class="right hide-on-med-and-down">
-                <li><a class="dropdown-button" href="#!" data-activates="overrides">Overrides<i class="material-icons right">arrow_drop_down</i></a></li>
+				<li><a class="dropdown-trigger dropdown-button" href="#" data-target="overrides">Overrides<i class="material-icons right">arrow_drop_down</i></a></li>
 				<li><a href="https://github.com/fabiolb/fabio/blob/master/CHANGELOG.md">{{.Version}}</a></li>
 				<li><a href="https://github.com/fabiolb/fabio">Github</a></li>
 			</ul>
@@ -76,6 +76,7 @@ var tmplRoutes = template.Must(template.New("routes").Parse( // language=HTML
 $(function(){
 	let params={};window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(str,key,value){params[key] = value;});
 
+	$('.dropdown-trigger').dropdown();
 	function renderRoutes(routes) {
 		const $table = $('table.routes');
 
@@ -90,19 +91,21 @@ $(function(){
 
 		let $tbody = $('<tbody />');
 
-		for (let i=0; i < routes.length; i++) {
-			const r = routes[i];
+		if (routes != null) {
+			for (let i=0; i < routes.length; i++) {
+				const r = routes[i];
 
-			const $tr = $('<tr />')
+				const $tr = $('<tr />')
 
-			$tr.append($('<td />').text(i+1));
-			$tr.append($('<td />').text(r.service));
-			$tr.append($('<td />').text(r.src));
-			$tr.append($('<td />').append($('<a />').attr('href', r.dst).text(r.dst)));
-			$tr.append($('<td />').text(r.opts));
-			$tr.append($('<td />').text((r.weight * 100).toFixed(2) + '%'));
+				$tr.append($('<td />').text(i+1));
+				$tr.append($('<td />').text(r.service));
+				$tr.append($('<td />').text(r.src));
+				$tr.append($('<td />').append($('<a />').attr('href', r.dst).text(r.dst)));
+				$tr.append($('<td />').text(r.opts));
+				$tr.append($('<td />').text((r.weight * 100).toFixed(2) + '%'));
 
-			$tr.appendTo($tbody);
+				$tr.appendTo($tbody);
+			}
 		}
 
 		$table.empty().
@@ -141,7 +144,7 @@ $(function(){
 		const d = $("#overrides");
 		$.each(data, function(idx, val) {
 			let path = val;
-			if (val === "") {
+			if (val == "") {
 				val = "default"
 			}
 			d.append(