diff --git a/resources/js/components/button/RowSubmitAction.vue b/resources/js/components/button/RowSubmitAction.vue
index b465702..da71111 100644
--- a/resources/js/components/button/RowSubmitAction.vue
+++ b/resources/js/components/button/RowSubmitAction.vue
@@ -6,22 +6,22 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip
 defineProps<{
     tooltip?: string;
     disabled?: boolean;
+    size?: 'default' | 'sm';
 }>();
 
-defineEmits<{
-    click: [];
-}>();
+defineEmits(['click']);
 </script>
 
 <template>
     <Tooltip>
         <TooltipTrigger as-child>
-            <Button variant="ghost" size="icon" class="size-8 text-blue-600 hover:text-blue-700" :disabled="disabled"
+            <Button variant="ghost" :size="size === 'sm' ? 'sm' : 'icon'"
+                :class="size === 'sm' ? '' : 'size-8'" class="text-blue-600 hover:text-blue-700" :disabled="disabled"
                 @click="$emit('click')">
-                <Send class="size-4" />
-                <span class="sr-only">{{ tooltip || 'Ajukan Verifikasi' }}</span>
+                <Send :class="size === 'sm' ? 'size-3.5' : 'size-4'" />
+                <span class="sr-only">{{ tooltip || 'Submit' }}</span>
             </Button>
         </TooltipTrigger>
-        <TooltipContent>{{ tooltip || 'Ajukan Verifikasi' }}</TooltipContent>
+        <TooltipContent>{{ tooltip || 'Submit' }}</TooltipContent>
     </Tooltip>
 </template>
diff --git a/resources/js/components/button/index.ts b/resources/js/components/button/index.ts
index 26e61c9..a89000e 100644
--- a/resources/js/components/button/index.ts
+++ b/resources/js/components/button/index.ts
@@ -2,6 +2,7 @@ export { default as RowEditAction } from './RowEditAction.vue';
 export { default as RowDeleteAction } from './RowDeleteAction.vue';
 export { default as RowApproveAction } from './RowApproveAction.vue';
 export { default as RowRejectAction } from './RowRejectAction.vue';
+export { default as RowSubmitAction } from './RowSubmitAction.vue';
 export { default as RowPayAction } from './RowPayAction.vue';
 export { default as RowAdjustAction } from './RowAdjustAction.vue';
 export { default as RowStatusAction } from './RowStatusAction.vue';