diff --git a/web/index.js b/web/index.js
index 650f03e..b1111b8 100644
--- a/web/index.js
+++ b/web/index.js
@@ -445,7 +445,7 @@ const component_file = {
 <td class="clickable" @click="show_folder">{{ file.foldername }}</td>
 <td>{{ computed_readable_size }}</td>
 <td>
-	<button @click="dialog">Dialog</button>
+	<button class="dialog" @click="dialog">Dialog</button>
 	<component-file-dialog
 		@close_dialog="close_dialog"
 		@play_audio="$emit('play_audio', $event)"
diff --git a/web/style.css b/web/style.css
index 090ed30..f16d84f 100644
--- a/web/style.css
+++ b/web/style.css
@@ -68,3 +68,7 @@ div.feedback {
 button.refresh {
 	width: 100%;
 }
+button.dialog {
+	padding-right: 1em;
+	padding-left: 1em;
+}