diff --git a/templates/pan/bootstrap/index.html b/templates/pan/bootstrap/index.html
index c9270ce6..3af267c8 100644
--- a/templates/pan/bootstrap/index.html
+++ b/templates/pan/bootstrap/index.html
@@ -90,7 +90,7 @@ <h2 id="heading">Index of {{ .Path }}</h2>
 									{{if .IsFolder}}
 										<td class="file-name"><a class="icon icon-dir" href="{{.Path}}"><i class="fa fa-folder" aria-hidden="true"></i>&nbsp;&nbsp;{{.FileName}}</a></td>
 									{{else}}
-										<td class="file-name"><a class="icon icon-file"data-file-type="{{.FileType}}" data-media-type="{{.MediaType}}" data-title="{{.FileName}}" data-url="{{.Path}}" href="javascript:void(0);"><i class="fa fa-file" aria-hidden="true"></i>&nbsp;&nbsp;{{.FileName}}</a></td>
+										<td class="file-name"><a class="icon icon-file" data-file-type="{{.FileType}}" data-media-type="{{.MediaType}}" data-title="{{.FileName}}" data-url="{{.Path}}" href="javascript:void(0);"><i class="fa fa-file" aria-hidden="true"></i>&nbsp;&nbsp;{{.FileName}}</a></td>
 									{{end}}
 									<td class="file-size">{{.SizeFmt}}</td>
 									<td class="file-date-modified">{{.LastOpTime}}</td>
@@ -116,7 +116,7 @@ <h2 id="heading">Index of {{ .Path }}</h2>
 			</div>
 		</div>
 		{{end}}
-		<div id="example1"></div>
+		<div id="aplayer"></div>
 	</body>
 	<script>var HerokuappUrl = {{.HerokuappUrl}}</script>
 	<script src="https://cdn.jsdelivr.net/npm/lightgallery@1.7.3/dist/js/lightgallery-all.min.js"></script>
diff --git a/templates/pan/classic/index.html b/templates/pan/classic/index.html
index fbf4ad0c..6660d11c 100644
--- a/templates/pan/classic/index.html
+++ b/templates/pan/classic/index.html
@@ -53,7 +53,7 @@ <h1 id="heading">Index of {{ .Path }}</h1>
                 {{if .IsFolder}}
                     <td class="file-name"><a class="icon icon-dir" href="{{.Path}}">{{.FileName}}</a></td>
                 {{else}}
-                    <td class="file-name"><a class="icon icon-file"data-file-type="{{.FileType}}" data-media-type="{{.MediaType}}" data-title="{{.FileName}}" data-url="{{.Path}}" href="javascript:void(0);">{{.FileName}}</a></td>
+                    <td class="file-name"><a class="icon icon-file" data-file-type="{{.FileType}}" data-media-type="{{.MediaType}}" data-title="{{.FileName}}" data-url="{{.Path}}" href="javascript:void(0);">{{.FileName}}</a></td>
                 {{end}}
                 <td class="file-size">{{.SizeFmt}}</td>
                 <td class="file-date-modified">{{.LastOpTime}}</td>
diff --git a/templates/pan/materialdesign/index.html b/templates/pan/materialdesign/index.html
index 97e9a79e..90b08858 100644
--- a/templates/pan/materialdesign/index.html
+++ b/templates/pan/materialdesign/index.html
@@ -95,7 +95,7 @@ <h2 id="heading">Index of {{ .Path }}</h2>
 									{{if .IsFolder}}
 										<td class="file-name"><a class="icon icon-dir" href="{{.Path}}"><i class="fa fa-folder" aria-hidden="true"></i>&nbsp;&nbsp;{{.FileName}}</a></td>
 									{{else}}
-										<td class="file-name"><a class="icon icon-file"data-file-type="{{.FileType}}" data-media-type="{{.MediaType}}" data-title="{{.FileName}}" data-url="{{.Path}}" href="javascript:void(0);"><i class="fa fa-file" aria-hidden="true"></i>&nbsp;&nbsp;{{.FileName}}</a></td>
+										<td class="file-name"><a class="icon icon-file" data-file-type="{{.FileType}}" data-media-type="{{.MediaType}}" data-title="{{.FileName}}" data-url="{{.Path}}" href="javascript:void(0);"><i class="fa fa-file" aria-hidden="true"></i>&nbsp;&nbsp;{{.FileName}}</a></td>
 									{{end}}
 									<td class="file-size">{{.SizeFmt}}</td>
 									<td class="file-date-modified">{{.LastOpTime}}</td>
@@ -121,7 +121,7 @@ <h2 id="heading">Index of {{ .Path }}</h2>
 			</div>
 		</div>
 		{{end}}
-		<div id="example1"></div>
+		<div id="aplayer"></div>
 	</body>
 	<script>var HerokuappUrl = {{.HerokuappUrl}}</script>
 	<script src="https://cdn.jsdelivr.net/npm/lightgallery@1.7.3/dist/js/lightgallery-all.min.js"></script>