diff --git a/src/ui/components/FaDrawer/index.vue b/src/ui/components/FaDrawer/index.vue
index 33d6e76a..48a2dd90 100644
--- a/src/ui/components/FaDrawer/index.vue
+++ b/src/ui/components/FaDrawer/index.vue
@@ -220,7 +220,7 @@ function handleAnimationEnd() {
         </FaScrollArea>
       </div>
       <SheetFooter
-        v-if="footer" :class="cn('p-2 gap-y-2', props.footerClass, {
+        v-if="footer" :class="cn('p-3 gap-y-2', props.footerClass, {
           'sm:justify-center': props.centered,
           'border-t': props.bordered,
         })"
diff --git a/src/ui/components/FaModal/index.vue b/src/ui/components/FaModal/index.vue
index 576874a0..264bb4c8 100644
--- a/src/ui/components/FaModal/index.vue
+++ b/src/ui/components/FaModal/index.vue
@@ -282,7 +282,7 @@ function handleAnimationEnd() {
         </div>
       </FaScrollArea>
       <DialogFooter
-        v-if="footer" :class="cn('p-2 gap-y-2', props.footerClass, {
+        v-if="footer" :class="cn('p-3 gap-y-2', props.footerClass, {
           'md:justify-center': props.center,
           'border-t': props.border,
         })"