diff --git a/resources/js/components/SMInputAttachments.vue b/resources/js/components/SMInputAttachments.vue
index 43fa36c..cb1c2b9 100644
--- a/resources/js/components/SMInputAttachments.vue
+++ b/resources/js/components/SMInputAttachments.vue
@@ -27,11 +27,7 @@
                 </div>
             </li>
         </ul>
-        <!-- <SMButton
-            type="secondary"
-            :small="true"
-            label="Add media"
-            @click="handleClickAdd" /> -->
+        <button type="button" @click="handleClickAdd">Add media</button>
     </div>
 </template>
 
@@ -43,7 +39,6 @@ import { Media, MediaResponse } from "../helpers/api.types";
 import { bytesReadable } from "../helpers/types";
 import { getFilePreview } from "../helpers/utils";
 import SMDialogMedia from "./dialogs/SMDialogMedia.vue";
-import SMButton from "../components/SMButton.vue";
 
 const props = defineProps({
     modelValue: {
diff --git a/resources/js/views/dashboard/MediaEdit.vue b/resources/js/views/dashboard/MediaEdit.vue
index 32a767e..7245447 100644
--- a/resources/js/views/dashboard/MediaEdit.vue
+++ b/resources/js/views/dashboard/MediaEdit.vue
@@ -86,12 +86,12 @@
                                 :value="editMultiple ? 'Save All' : 'Save'" />
                         </template>
                         <template #left>
-                            <SMButton
-                                :form="form"
+                            <button
                                 v-if="route.params.id"
-                                type="danger"
-                                :label="editMultiple ? 'Delete All' : 'Delete'"
-                                @click="handleDelete" />
+                                type="button"
+                                @click="handleDelete">
+                                {{ editMultiple ? "Delete All" : "Delete" }}
+                            </button>
                         </template>
                     </SMColumn>
                 </SMRow>