diff --git a/pkg/srv/interceptor.go b/pkg/srv/interceptor.go
index 5e22ccb..1b717fc 100644
--- a/pkg/srv/interceptor.go
+++ b/pkg/srv/interceptor.go
@@ -41,6 +41,7 @@ func (s *statusInterceptor) Status() int {
 
 type dirContents struct {
 	AllPaths []string `xml:"a"`
+	Base     string   `xml:"-"`
 	Dirs     dirs     `xml:"-"`
 	Files    files    `xml:"-"`
 }
@@ -97,6 +98,7 @@ func (r *responseInterceptor) GetPaths(path string, fs *fs.FS) (dc dirContents,
 	if err != nil {
 		return
 	}
+	dc.Base = path
 	path = strings.TrimSuffix(path, "/")
 	for _, p := range dc.AllPaths {
 		p = strings.ReplaceAll(p, "&amp;", "&")
diff --git a/pkg/srv/templates.go b/pkg/srv/templates.go
index a8434c4..862e297 100644
--- a/pkg/srv/templates.go
+++ b/pkg/srv/templates.go
@@ -6,13 +6,16 @@ import "html/template"
 
 var (
 	index = template.Must(template.New("index").Parse(`<!doctype html>
-<html>
+<html lang="en">
 <head>
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="theme-color" content="#222222">
+  <meta name="description" content="cachefs">
+  <title>cachefs | {{.Base}}</title>
   <style>
 body {
   font: 20px Helvetica, sans-serif;
-  background-color: #111111;
+  background-color: #111;
   color: #e6e6e6;
   margin: 0px;
   padding: 0 150px 0 150px;
@@ -23,8 +26,7 @@ body {
   }
 }
 article {
-  background-color: #222222;
-  display: block; text-align: left; margin: 0 auto; box-shadow: 0px 0px 50px 10px #000000;
+  background-color: #222;
 }
 pre {
   margin: 0;
@@ -38,7 +40,7 @@ a:visited {
   color: #e6e6e6;
 }
 a:hover {
-  color: #ffffff;
+  color: #fff;
   text-decoration: underline;
 }
 a:active {
@@ -46,13 +48,13 @@ a:active {
 }
 table {
   border-collapse: collapse;
-  width: 100%;
   margin-bottom: 50px;
 }
+td {
+  padding: 0;
+}
 .listitem {
-  background-color: #333333;
-  height: 45px;
-  margin: 3px 0px;
+  background-color: #333;
 }
 .listitem:hover {
   background-color: #404040;
@@ -60,25 +62,30 @@ table {
 .listitem:active {
   background-color: #202020;
 }
-.listitem td {
-  padding: 5px;
-  vertical-align: middle;
-  display: table-cell;
-}
 .listpath {
   white-space: normal;
+  overflow: hidden;
   width: 100%;
 }
+.listpath a {
+  display: block;
+  min-height: 45px;
+  padding: 0.55em 0 0 5px;
+  overflow: hidden;
+  width: 100%;
+  box-sizing: border-box;
+  word-break: break-all;
+}
 .listoptions {
+  padding-right: 5px;
   white-space: nowrap;
   text-align: right;
 }
-.listoptions span, a {
+.listoptions span, .listoptions a {
   margin-left: 10px;
 }
 .spacer {
   height: 3px;
-  width: 0%;
 }
 .red {
   background-color: #e74c3c;
@@ -132,9 +139,10 @@ span {
 </body>
 </html>`))
 	video = template.Must(template.New("video").Parse(`<!doctype html>
-<html>
+<html lang="en">
 <head>
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>cachefs | {{.}}</title>
 </head>
 <body>
   <video id="video" style="width: 100%; height: 100%;" src="{{.}}" controls=""></video>
