From 30385ae4c9ad50eb95e76cb5c4428fa3150a3e32 Mon Sep 17 00:00:00 2001
From: Yu Long <longyu901009@gmail.com>
Date: Wed, 4 Oct 2023 11:21:55 +0200
Subject: [PATCH] fix(personalDetails): classNameModifiers for dateOfBirth
 (#2344)

---
 .changeset/wicked-flowers-prove.md                           | 5 +++++
 .../components/internal/PersonalDetails/PersonalDetails.tsx  | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/wicked-flowers-prove.md

diff --git a/.changeset/wicked-flowers-prove.md b/.changeset/wicked-flowers-prove.md
new file mode 100644
index 00000000..ff223ae1
--- /dev/null
+++ b/.changeset/wicked-flowers-prove.md
@@ -0,0 +1,5 @@
+---
+"@adyen/adyen-web": patch
+---
+
+fix(personalDetails): classNameModifiers for dateOfBirth
diff --git a/packages/lib/src/components/internal/PersonalDetails/PersonalDetails.tsx b/packages/lib/src/components/internal/PersonalDetails/PersonalDetails.tsx
index 2134f1a7..964b3817 100644
--- a/packages/lib/src/components/internal/PersonalDetails/PersonalDetails.tsx
+++ b/packages/lib/src/components/internal/PersonalDetails/PersonalDetails.tsx
@@ -130,7 +130,7 @@ export default function PersonalDetails(props: PersonalDetailsProps) {
                 {requiredFields.includes('dateOfBirth') && (
                     <Field
                         label={i18n.get('dateOfBirth')}
-                        classNameModifiers={['col-50', 'lastName']}
+                        classNameModifiers={['col-50', 'dateOfBirth']}
                         errorMessage={getErrorMessage(errors.dateOfBirth)}
                         helper={isDateInputSupported ? null : i18n.get('dateOfBirth.format')}
                         name={'dateOfBirth'}