diff --git a/components/form/schedule/event-form.tsx b/components/form/schedule/event-form.tsx
index 34ac0d07..3a1fdcc0 100644
--- a/components/form/schedule/event-form.tsx
+++ b/components/form/schedule/event-form.tsx
@@ -140,8 +140,8 @@ export default function FormEvent() {
   };
 
   return (
-    <div className="flex flex-row gap-2">
-      <Card className="w-9/12">
+    <div className="flex flex-col lg:flex-row gap-2">
+      <Card className="w-full lg:w-9/12">
         <div className="px-6 py-6">
           <p className="text-lg font-semibold mb-3">Form Konferensi Pers</p>
           <form onSubmit={handleSubmit(onSubmit)}>
@@ -206,8 +206,8 @@ export default function FormEvent() {
                 </div>
               )}
 
-              <div className="flex flex-row mt-3 items-center justify-between">
-                <div className="flex flex-col">
+              <div className="flex flex-col lg:flex-row mt-3 items-start lg:items-center justify-between">
+                <div className="flex flex-col ">
                   <Label className="mr-3 mb-1">Tanggal</Label>
                   <Popover>
                     <PopoverTrigger asChild>
@@ -215,7 +215,7 @@ export default function FormEvent() {
                         id="date"
                         variant={"outline"}
                         className={cn(
-                          "w-[300px] justify-start text-left font-normal",
+                          "w-[280px] lg:w-[300px] justify-start text-left font-normal",
                           !date && "text-muted-foreground"
                         )}
                       >
@@ -350,7 +350,7 @@ export default function FormEvent() {
           </form>
         </div>
       </Card>
-      <Card className="w-3/12">
+      <Card className="w-full lg:w-3/12">
         <div className="px-3 py-3">Jadwal Selanjutnya</div>
       </Card>
     </div>
diff --git a/components/form/schedule/pers-release-form.tsx b/components/form/schedule/pers-release-form.tsx
index 15c03521..a1270a11 100644
--- a/components/form/schedule/pers-release-form.tsx
+++ b/components/form/schedule/pers-release-form.tsx
@@ -140,8 +140,8 @@ export default function FormPressRelease() {
   };
 
   return (
-    <div className="flex flex-row gap-2">
-      <Card className="w-9/12">
+    <div className="flex flex-col lg:flex-row gap-2">
+      <Card className="w-full lg:w-9/12">
         <div className="px-6 py-6">
           <p className="text-lg font-semibold mb-3">Form Konferensi Pers</p>
           <form onSubmit={handleSubmit(onSubmit)}>
@@ -206,8 +206,8 @@ export default function FormPressRelease() {
                 </div>
               )}
 
-              <div className="flex flex-row mt-3 items-center justify-between">
-                <div className="flex flex-col">
+              <div className="flex flex-col lg:flex-row mt-3 items-start lg:items-center justify-between">
+                <div className="flex flex-col ">
                   <Label className="mr-3 mb-1">Tanggal</Label>
                   <Popover>
                     <PopoverTrigger asChild>
@@ -215,7 +215,7 @@ export default function FormPressRelease() {
                         id="date"
                         variant={"outline"}
                         className={cn(
-                          "w-[300px] justify-start text-left font-normal",
+                          "w-[280px] lg:w-[300px] justify-start text-left font-normal",
                           !date && "text-muted-foreground"
                         )}
                       >
@@ -367,7 +367,7 @@ export default function FormPressRelease() {
           </form>
         </div>
       </Card>
-      <Card className="w-3/12">
+      <Card className="w-full lg:w-3/12">
         <div className="px-3 py-3">Jadwal Selanjutnya</div>
       </Card>
     </div>
diff --git a/components/form/schedule/press-conference-form.tsx b/components/form/schedule/press-conference-form.tsx
index 679eade8..8dba0e07 100644
--- a/components/form/schedule/press-conference-form.tsx
+++ b/components/form/schedule/press-conference-form.tsx
@@ -140,8 +140,8 @@ export default function FormPressConference() {
   };
 
   return (
-    <div className="flex flex-row gap-2">
-      <Card className="w-9/12">
+    <div className="flex flex-col lg:flex-row gap-2">
+      <Card className="w-full lg:w-9/12">
         <div className="px-6 py-6">
           <p className="text-lg font-semibold mb-3">Form Konferensi Pers</p>
           <form onSubmit={handleSubmit(onSubmit)}>
@@ -206,8 +206,8 @@ export default function FormPressConference() {
                 </div>
               )}
 
-              <div className="flex flex-row mt-3 items-center justify-between">
-                <div className="flex flex-col">
+              <div className="flex flex-col lg:flex-row mt-3 items-start lg:items-center justify-between">
+                <div className="flex flex-col ">
                   <Label className="mr-3 mb-1">Tanggal</Label>
                   <Popover>
                     <PopoverTrigger asChild>
@@ -215,7 +215,7 @@ export default function FormPressConference() {
                         id="date"
                         variant={"outline"}
                         className={cn(
-                          "w-[300px] justify-start text-left font-normal",
+                          "w-[280px] lg:w-[300px] justify-start text-left font-normal",
                           !date && "text-muted-foreground"
                         )}
                       >
@@ -350,7 +350,7 @@ export default function FormPressConference() {
           </form>
         </div>
       </Card>
-      <Card className="w-3/12">
+      <Card className="w-full lg:w-3/12">
         <div className="px-3 py-3">Jadwal Selanjutnya</div>
       </Card>
     </div>