diff --git a/packages/rdx-ui/src/components/form/date-picker-input-field/date-picker-input-comp.tsx b/packages/rdx-ui/src/components/form/date-picker-input-field/date-picker-input-comp.tsx
index 574cff59..fc3a5706 100644
--- a/packages/rdx-ui/src/components/form/date-picker-input-field/date-picker-input-comp.tsx
+++ b/packages/rdx-ui/src/components/form/date-picker-input-field/date-picker-input-comp.tsx
@@ -195,8 +195,8 @@ export function DatePickerInputComp<TFormValues extends FieldValues>({
 
         {!isDisabled && !isReadOnly && (
           <PopoverContent className='w-auto p-0'>
-            <Card className='border-none shadow-none'>
-              <CardHeader className="border-b">
+            <Card className='border-none shadow-none py-6 gap-3'>
+              <CardHeader className="border-b px-3  [.border-b]:pb-3">
                 <CardTitle>{label}</CardTitle>
                 <CardDescription>{description || "\u00A0"}</CardDescription>
                 <CardAction>
@@ -215,7 +215,7 @@ export function DatePickerInputComp<TFormValues extends FieldValues>({
                   </Button>
                 </CardAction>
               </CardHeader>
-              <CardContent>
+              <CardContent className='px-0'>
                 <Calendar
                   defaultMonth={field.value ? new Date(field.value) : undefined}
                   {...calendarProps}