diff --git a/resources/js/components/SMInputAttachments.vue b/resources/js/components/SMInputAttachments.vue
index 8bf68c7..e25fc61 100644
--- a/resources/js/components/SMInputAttachments.vue
+++ b/resources/js/components/SMInputAttachments.vue
@@ -27,7 +27,11 @@
                 </div>
             </li>
         </ul>
-        <a class="button" @click.prevent="handleClickAdd">Add media</a>
+        <SMButton
+            type="seconday"
+            :small="true"
+            label="Add media"
+            @click="handleClickAdd" />
     </div>
 </template>
 
@@ -39,6 +43,7 @@ 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: {