diff --git a/core/src/components/input-password-toggle/input-password-toggle.common.scss b/core/src/components/input-password-toggle/input-password-toggle.common.scss
new file mode 100644
index 0000000000..2d922de630
--- /dev/null
+++ b/core/src/components/input-password-toggle/input-password-toggle.common.scss
@@ -0,0 +1,4 @@
+@import "../../themes/native/native.globals";
+
+// Input Toggle Password
+// --------------------------------------------------
diff --git a/core/src/components/input-password-toggle/input-password-toggle.ionic.scss b/core/src/components/input-password-toggle/input-password-toggle.ionic.scss
new file mode 100644
index 0000000000..c5ce03da15
--- /dev/null
+++ b/core/src/components/input-password-toggle/input-password-toggle.ionic.scss
@@ -0,0 +1,12 @@
+@use "../../themes/ionic/ionic.globals.scss" as globals;
+@use "./input-password-toggle.common.scss";
+
+// Ionic Input Toggle Password
+// --------------------------------------------------
+:host ion-button.button-has-icon-only {
+  --padding-end: inherit;
+  --color: #{globals.$ionic-color-neutral-500};
+  --margin-end: calc(-1 * var(--padding-end));
+
+  @include globals.margin(0, var(--margin-end), 0, 0);
+}
diff --git a/core/src/components/input-password-toggle/input-password-toggle.scss b/core/src/components/input-password-toggle/input-password-toggle.scss
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/core/src/components/input-password-toggle/input-password-toggle.tsx b/core/src/components/input-password-toggle/input-password-toggle.tsx
index 879c941718..4e2c3c527e 100644
--- a/core/src/components/input-password-toggle/input-password-toggle.tsx
+++ b/core/src/components/input-password-toggle/input-password-toggle.tsx
@@ -21,8 +21,9 @@ import type { Color, TextFieldTypes } from '../../interface';
    * and we will default to MD mode.
    */
   styleUrls: {
-    ios: 'input-password-toggle.scss',
-    md: 'input-password-toggle.scss',
+    ios: 'input-password-toggle.common.scss',
+    md: 'input-password-toggle.common.scss',
+    ionic: 'input-password-toggle.ionic.scss',
   },
   shadow: true,
 })
diff --git a/core/src/components/input-password-toggle/test/basic/index.html b/core/src/components/input-password-toggle/test/basic/index.html
index e4232be7fc..558cc9a973 100644
--- a/core/src/components/input-password-toggle/test/basic/index.html
+++ b/core/src/components/input-password-toggle/test/basic/index.html
@@ -48,7 +48,14 @@
         <div class="grid">
           <div class="grid-item">
             <h2>Default</h2>
-            <ion-input type="password" value="supersecurepassword" label="Password">
+            <ion-input
+              fill="outline"
+              shape="soft"
+              placeholder="Enter your password"
+              type="password"
+              value="supersecurepassword"
+              label="Password"
+            >
               <ion-input-password-toggle slot="end"></ion-input-password-toggle>
             </ion-input>
           </div>
diff --git a/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts
index 637c9ac3c4..375d54dee8 100644
--- a/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts
+++ b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts
@@ -1,7 +1,7 @@
 import { expect } from '@playwright/test';
 import { configs, test } from '@utils/test/playwright';
 
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+configs({ modes: ['md', 'ios', 'ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('input password toggle: states'), () => {
     test('should be hidden when inside of a readonly input', async ({ page }) => {
       await page.setContent(
diff --git a/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..b873b44741
Binary files /dev/null and b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..f72b1cf5f7
Binary files /dev/null and b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..572e8981b3
Binary files /dev/null and b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..b7c0b5820e
Binary files /dev/null and b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..ba2f563852
Binary files /dev/null and b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-md-ltr-Mobile-Safari-linux.png b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..23c20020be
Binary files /dev/null and b/core/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-md-ltr-Mobile-Safari-linux.png differ