diff --git a/app/components/app/sep/entry-form.vue b/app/components/app/sep/entry-form.vue
index 60b5689d..42c47c74 100644
--- a/app/components/app/sep/entry-form.vue
+++ b/app/components/app/sep/entry-form.vue
@@ -74,7 +74,7 @@ const onSubmit = handleSubmit((values) => {
   <div class="mx-auto w-full">
     <form @submit.prevent="onSubmit" class="grid gap-6 p-4">
       <!-- Tanggal SEP & Jalur -->
-      <div class="grid gap-4 md:grid-cols-3">
+      <div class="grid gap-4 grid-cols-1 sm:grid-cols-3">
         <div class="flex flex-col gap-2">
           <Label for="tanggalSep">Tanggal SEP<span class="text-red-500">*</span></Label>
           <DatepickerSingle v-model="tanggalSep" placeholder="Pilih tanggal sep" />
@@ -101,7 +101,7 @@ const onSubmit = handleSubmit((values) => {
           Cari Pasien
         </Button>
       </div>
-      <div class="grid gap-4 md:grid-cols-3">
+      <div class="grid gap-4 grid-cols-1 sm:grid-cols-3">
         <div class="flex flex-col gap-2">
           <Label>No. Kartu BPJS<span class="text-red-500">*</span></Label>
           <Input v-model="noBpjs" />
@@ -133,7 +133,7 @@ const onSubmit = handleSubmit((values) => {
 
       <!-- Data SEP -->
       <h3 class="text-lg font-semibold">Data SEP</h3>
-      <div class="grid gap-4 md:grid-cols-3">
+      <div class="grid gap-4 grid-cols-1 sm:grid-cols-3">
         <div class="flex flex-col gap-2">
           <Label>No. Surat Kontrol<span class="text-red-500">*</span></Label>
           <div class="flex gap-2">
diff --git a/app/components/app/sep/search-letter.vue b/app/components/app/sep/search-letter.vue
index 549d52cf..64e65ff6 100644
--- a/app/components/app/sep/search-letter.vue
+++ b/app/components/app/sep/search-letter.vue
@@ -47,9 +47,7 @@ function saveSelection() {
 
 <template>
   <Dialog :open="props.open" @update:open="emit('update:open', $event)">
-    <DialogTrigger as-child>
-      <Button>Cari No. Surat Kontrol</Button>
-    </DialogTrigger>
+    <DialogTrigger as-child></DialogTrigger>
     <DialogContent class="max-w-[50%]">
       <DialogHeader>
         <DialogTitle>Cari No. Surat Kontrol</DialogTitle>
diff --git a/app/components/app/sep/search-patient.vue b/app/components/app/sep/search-patient.vue
index 5a34f987..13a78651 100644
--- a/app/components/app/sep/search-patient.vue
+++ b/app/components/app/sep/search-patient.vue
@@ -49,9 +49,7 @@ function saveSelection() {
 
 <template>
   <Dialog :open="props.open" @update:open="emit('update:open', $event)">
-    <DialogTrigger as-child>
-      <Button>Cari Pasien</Button>
-    </DialogTrigger>
+    <DialogTrigger as-child></DialogTrigger>
     <DialogContent class="max-w-3xl">
       <DialogHeader>
         <DialogTitle>Cari Pasien</DialogTitle>