diff --git a/core/src/components/datetime-button/datetime-button.scss b/core/src/components/datetime-button/datetime-button.scss
index 5336ca8589..e0eccae814 100644
--- a/core/src/components/datetime-button/datetime-button.scss
+++ b/core/src/components/datetime-button/datetime-button.scss
@@ -6,11 +6,11 @@
 :host {
   display: flex;
 
+  flex-wrap: wrap;
+
   align-items: center;
 
   justify-content: center;
-
-  min-width: 0;
 }
 
 :host button {
@@ -31,10 +31,6 @@
   font-family: inherit;
   font-size: 1rem;
 
-  text-overflow: ellipsis;
-
-  white-space: nowrap;
-
   cursor: pointer;
 
   overflow: hidden;
diff --git a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts
index 76b3325972..a48a06a289 100644
--- a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts
+++ b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts
@@ -25,7 +25,7 @@ configs({ directions: ['ltr'], modes: ['ios'] }).forEach(({ title, screenshot, c
       await expect(datetimeButton).toHaveScreenshot(screenshot(`datetime-button-scale`));
     });
 
-    test('should truncate text on larger font sizes', async ({ page }) => {
+    test('should wrap text on larger font sizes', async ({ page }) => {
       await page.setContent(
         `
         <style>
@@ -41,29 +41,7 @@ configs({ directions: ['ltr'], modes: ['ios'] }).forEach(({ title, screenshot, c
 
       const datetimeButton = page.locator('ion-datetime-button');
 
-      await expect(datetimeButton).toHaveScreenshot(screenshot(`datetime-button-scale-truncate`));
-    });
-
-    test('should truncate text on larger font sizes inside of an item', async ({ page }) => {
-      await page.setContent(
-        `
-        <style>
-          html {
-            font-size: 48px;
-          }
-        </style>
-        <ion-item>
-          <ion-label>Start Date</ion-label>
-          <ion-datetime-button locale="en-US" datetime="datetime"></ion-datetime-button>
-        </ion-item>
-        <ion-datetime id="datetime" value="2022-01-01T06:30:00" presentation="date-time"></ion-datetime>
-      `,
-        config
-      );
-
-      const datetimeButton = page.locator('ion-datetime-button');
-
-      await expect(datetimeButton).toHaveScreenshot(screenshot(`datetime-button-scale-truncate-item`));
+      await expect(datetimeButton).toHaveScreenshot(screenshot(`datetime-button-scale-wrap`));
     });
   });
 });
diff --git a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 8771a42acc..0000000000
Binary files a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index bd5542a650..0000000000
Binary files a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-ios-ltr-Mobile-Safari-linux.png b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 515135ec9c..0000000000
Binary files a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-item-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-item-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 6814a5d07d..0000000000
Binary files a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-item-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-item-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-item-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 964adb783c..0000000000
Binary files a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-item-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-item-ios-ltr-Mobile-Safari-linux.png b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-item-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 34d6949f58..0000000000
Binary files a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-truncate-item-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-wrap-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-wrap-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..1e4f7e6de5
Binary files /dev/null and b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-wrap-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-wrap-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-wrap-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..33a73c04da
Binary files /dev/null and b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-wrap-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-wrap-ios-ltr-Mobile-Safari-linux.png b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-wrap-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..9353ed1477
Binary files /dev/null and b/core/src/components/datetime-button/test/a11y/datetime-button.e2e.ts-snapshots/datetime-button-scale-wrap-ios-ltr-Mobile-Safari-linux.png differ