diff --git a/web/index.js b/web/index.js
index 85dfb86..7de32a4 100644
--- a/web/index.js
+++ b/web/index.js
@@ -292,8 +292,8 @@ const component_file = {
 	props: ['file'],
 	emits: ['play_audio'],
 	template: `
-<td @click="dialog">{{ file.filename }}</td>
-<td @click="show_folder">{{ file.foldername }}</td>
+<td class="clickable" @click="dialog">{{ file.filename }}</td>
+<td class="clickable" @click="show_folder">{{ file.foldername }}</td>
 <td>{{ computed_readable_size }}</td>
 <td>
 	<button @click="dialog">Dialog</button>
diff --git a/web/style.css b/web/style.css
index 1825c1b..206ddf8 100644
--- a/web/style.css
+++ b/web/style.css
@@ -41,3 +41,6 @@ a.router-link-active {
 	height: 39px;
 	width: 100%;
 }
+td.clickable {
+	cursor: pointer;
+}