diff --git a/_assets/src/components/Main.vue b/_assets/src/components/Main.vue
index cf0a8597..5331c71c 100644
--- a/_assets/src/components/Main.vue
+++ b/_assets/src/components/Main.vue
@@ -65,13 +65,13 @@ import Listing from './Listing'
 import Editor from './Editor'
 import Sidebar from './Sidebar'
 import Prompts from './prompts/Prompts'
-import InfoButton from './buttons/InfoButton'
-import DeleteButton from './buttons/DeleteButton'
-import RenameButton from './buttons/RenameButton'
-import UploadButton from './buttons/UploadButton'
-import DownloadButton from './buttons/DownloadButton'
-import SwitchButton from './buttons/SwitchViewButton'
-import MoveButton from './buttons/MoveButton'
+import InfoButton from './buttons/Info'
+import DeleteButton from './buttons/Delete'
+import RenameButton from './buttons/Rename'
+import UploadButton from './buttons/Upload'
+import DownloadButton from './buttons/Download'
+import SwitchButton from './buttons/SwitchView'
+import MoveButton from './buttons/Move'
 import css from '@/utils/css'
 import api from '@/utils/api'
 import {mapGetters, mapState} from 'vuex'
diff --git a/_assets/src/components/Preview.vue b/_assets/src/components/Preview.vue
index 230a5d38..6ea68650 100644
--- a/_assets/src/components/Preview.vue
+++ b/_assets/src/components/Preview.vue
@@ -31,10 +31,10 @@
 <script>
 import { mapState } from 'vuex'
 import url from '@/utils/url'
-import InfoButton from './buttons/InfoButton'
-import DeleteButton from './buttons/DeleteButton'
-import RenameButton from './buttons/RenameButton'
-import DownloadButton from './buttons/DownloadButton'
+import InfoButton from './buttons/Info'
+import DeleteButton from './buttons/Delete'
+import RenameButton from './buttons/Rename'
+import DownloadButton from './buttons/Download'
 
 export default {
   name: 'preview',
diff --git a/_assets/src/components/buttons/DeleteButton.vue b/_assets/src/components/buttons/Delete.vue
similarity index 91%
rename from _assets/src/components/buttons/DeleteButton.vue
rename to _assets/src/components/buttons/Delete.vue
index 09082d7a..69c43c6e 100644
--- a/_assets/src/components/buttons/DeleteButton.vue
+++ b/_assets/src/components/buttons/Delete.vue
@@ -1,5 +1,5 @@
 <template>
-  <button @click="show" aria-label="Delete"  title="Delete" class="action">
+  <button @click="show" aria-label="Delete"  title="Delete" class="action" id="delete-button">
     <i class="material-icons">delete</i>
     <span>Delete</span>
   </button>
diff --git a/_assets/src/components/buttons/DownloadButton.vue b/_assets/src/components/buttons/Download.vue
similarity index 95%
rename from _assets/src/components/buttons/DownloadButton.vue
rename to _assets/src/components/buttons/Download.vue
index cb38638d..1c2de095 100644
--- a/_assets/src/components/buttons/DownloadButton.vue
+++ b/_assets/src/components/buttons/Download.vue
@@ -1,5 +1,5 @@
 <template>
-  <button @click="download" aria-label="Download" title="Download" class="action">
+  <button @click="download" aria-label="Download" title="Download" class="action" id="download-button">
     <i class="material-icons">file_download</i>
     <span>Download</span>
     <span v-if="selectedCount > 0" class="counter">{{ selectedCount }}</span>
diff --git a/_assets/src/components/buttons/InfoButton.vue b/_assets/src/components/buttons/Info.vue
similarity index 93%
rename from _assets/src/components/buttons/InfoButton.vue
rename to _assets/src/components/buttons/Info.vue
index 6e2ef91f..e16911f5 100644
--- a/_assets/src/components/buttons/InfoButton.vue
+++ b/_assets/src/components/buttons/Info.vue
@@ -1,5 +1,5 @@
 <template>
-  <button title="Info" aria-label="Info" class="action" @click="show">
+  <button title="Info" aria-label="Info" class="action" @click="show" id="info-button">
     <i class="material-icons">info</i>
     <span>Info</span>
   </button>
diff --git a/_assets/src/components/buttons/MoveButton.vue b/_assets/src/components/buttons/Move.vue
similarity index 93%
rename from _assets/src/components/buttons/MoveButton.vue
rename to _assets/src/components/buttons/Move.vue
index 93c75b3b..a7b5834d 100644
--- a/_assets/src/components/buttons/MoveButton.vue
+++ b/_assets/src/components/buttons/Move.vue
@@ -1,5 +1,5 @@
 <template>
-  <button @click="show" aria-label="Move" title="Move" class="action">
+  <button @click="show" aria-label="Move" title="Move" class="action" id="move-button">
     <i class="material-icons">forward</i>
     <span>Move file</span>
   </button>
diff --git a/_assets/src/components/buttons/RenameButton.vue b/_assets/src/components/buttons/Rename.vue
similarity index 91%
rename from _assets/src/components/buttons/RenameButton.vue
rename to _assets/src/components/buttons/Rename.vue
index dc28dc27..9b2922b0 100644
--- a/_assets/src/components/buttons/RenameButton.vue
+++ b/_assets/src/components/buttons/Rename.vue
@@ -1,5 +1,5 @@
 <template>
-  <button @click="show" aria-label="Rename" title="Rename" class="action">
+  <button @click="show" aria-label="Rename" title="Rename" class="action" id="rename-button">
     <i class="material-icons">mode_edit</i>
     <span>Rename</span>
   </button>
diff --git a/_assets/src/components/buttons/SwitchViewButton.vue b/_assets/src/components/buttons/SwitchView.vue
similarity index 93%
rename from _assets/src/components/buttons/SwitchViewButton.vue
rename to _assets/src/components/buttons/SwitchView.vue
index 3342a910..b078ae95 100644
--- a/_assets/src/components/buttons/SwitchViewButton.vue
+++ b/_assets/src/components/buttons/SwitchView.vue
@@ -1,5 +1,5 @@
 <template>
-  <button @click="change" aria-label="Switch View" title="Switch View" class="action">
+  <button @click="change" aria-label="Switch View" title="Switch View" class="action" id="switch-view-button">
     <i class="material-icons">{{ icon() }}</i>
     <span>Switch view</span>
   </button>
diff --git a/_assets/src/components/buttons/UploadButton.vue b/_assets/src/components/buttons/Upload.vue
similarity index 91%
rename from _assets/src/components/buttons/UploadButton.vue
rename to _assets/src/components/buttons/Upload.vue
index 83d504e2..a2922ea9 100644
--- a/_assets/src/components/buttons/UploadButton.vue
+++ b/_assets/src/components/buttons/Upload.vue
@@ -1,5 +1,5 @@
 <template>
-  <button @click="upload" aria-label="Upload" title="Upload" class="action">
+  <button @click="upload" aria-label="Upload" title="Upload" class="action" id="upload-button">
     <i class="material-icons">file_upload</i>
     <span>Upload</span>
   </button>