diff --git a/aleksis/core/frontend/components/generic/InlineCRUDList.vue b/aleksis/core/frontend/components/generic/InlineCRUDList.vue
index d48892e7e8de022b3f3a42667c3d82d2e51f1fb1..8a93ff8cc6c7f3a3a0b1f7bbe477f7dae1641b59 100644
--- a/aleksis/core/frontend/components/generic/InlineCRUDList.vue
+++ b/aleksis/core/frontend/components/generic/InlineCRUDList.vue
@@ -238,9 +238,9 @@
       </v-data-table>
     </v-form>
 
-    <closeable-snackbar :color="snackbarState" v-model="snackbar">
+    <closable-snackbar :color="snackbarState" v-model="snackbar">
       {{ snackbarText }}
-    </closeable-snackbar>
+    </closable-snackbar>
   </div>
 </template>
 
@@ -252,7 +252,7 @@ import CancelButton from "./buttons/CancelButton.vue";
 import DeleteDialog from "./dialogs/DeleteDialog.vue";
 import DeleteMultipleDialog from "./dialogs/DeleteMultipleDialog.vue";
 import DialogObjectForm from "./dialogs/DialogObjectForm.vue";
-import CloseableSnackbar from "./dialogs/CloseableSnackbar.vue";
+import ClosableSnackbar from "./dialogs/ClosableSnackbar.vue";
 import FilterButton from "./buttons/FilterButton.vue";
 import FilterDialog from "./dialogs/FilterDialog.vue";
 
@@ -261,7 +261,7 @@ export default {
   components: {
     FilterDialog,
     FilterButton,
-    CloseableSnackbar,
+    ClosableSnackbar,
     DeleteDialog,
     DeleteMultipleDialog,
     DialogObjectForm,
diff --git a/aleksis/core/frontend/components/generic/dialogs/CloseableSnackbar.vue b/aleksis/core/frontend/components/generic/dialogs/CloseableSnackbar.vue
index 3e339155e998788cdce5f50cd29ddbb5823c3bab..16fd418c34bbc3f3ffe3549e3a86635ffd45ec11 100644
--- a/aleksis/core/frontend/components/generic/dialogs/CloseableSnackbar.vue
+++ b/aleksis/core/frontend/components/generic/dialogs/CloseableSnackbar.vue
@@ -11,7 +11,7 @@
 
 <script>
 export default {
-  name: "CloseableSnackbar",
+  name: "ClosableSnackbar",
   extends: "v-snackbar",
   methods: {
     close() {
diff --git a/aleksis/core/frontend/components/generic/forms/ForeignKeyField.vue b/aleksis/core/frontend/components/generic/forms/ForeignKeyField.vue
index 1d22c3e5e7c84298b0f75b2c4167b824706795fd..b32859065e17cda75c2697b577ad3b9bf09d3aba 100644
--- a/aleksis/core/frontend/components/generic/forms/ForeignKeyField.vue
+++ b/aleksis/core/frontend/components/generic/forms/ForeignKeyField.vue
@@ -57,20 +57,20 @@
         </dialog-object-form>
       </slot>
 
-      <closeable-snackbar :color="snackbarState" v-model="snackbar">
+      <closable-snackbar :color="snackbarState" v-model="snackbar">
         {{ snackbarText }}
-      </closeable-snackbar>
+      </closable-snackbar>
     </template>
   </v-autocomplete>
 </template>
 
 <script>
-import CloseableSnackbar from "../dialogs/CloseableSnackbar.vue";
+import ClosableSnackbar from "../dialogs/ClosableSnackbar.vue";
 import DialogObjectForm from "../dialogs/DialogObjectForm.vue";
 
 export default {
   name: "ForeignKeyField",
-  components: { CloseableSnackbar, DialogObjectForm },
+  components: { ClosableSnackbar, DialogObjectForm },
   extends: "v-autocomplete",
   data() {
     return {