From 6d6c637ac4e22ce5af2c2aba9f66f93c91a31f9e Mon Sep 17 00:00:00 2001
From: Maria Hutt <thetaPC@users.noreply.github.com>
Date: Wed, 26 Jun 2024 16:25:37 -0700
Subject: [PATCH] fix(item-option): expand without shifting icon (#29661)

---
 core/src/components/item-option/item-option.ionic.scss |  6 +++---
 core/src/components/item-sliding/test/icons/index.html | 10 +++++-----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/core/src/components/item-option/item-option.ionic.scss b/core/src/components/item-option/item-option.ionic.scss
index 73d8ac5169..568c5895e1 100644
--- a/core/src/components/item-option/item-option.ionic.scss
+++ b/core/src/components/item-option/item-option.ionic.scss
@@ -7,9 +7,6 @@
 :host {
   @include globals.padding(0);
 
-  min-width: globals.$ionic-scale-1600;
-  height: globals.$ionic-scale-1600;
-
   font-size: globals.$ionic-font-size-350;
   font-weight: globals.$ionic-font-weight-medium;
 
@@ -18,6 +15,9 @@
 
 .button-native {
   @include globals.padding(globals.$ionic-space-200);
+
+  min-width: globals.$ionic-scale-1600;
+  height: globals.$ionic-scale-1600;
 }
 
 ::slotted([slot="top"]) {
diff --git a/core/src/components/item-sliding/test/icons/index.html b/core/src/components/item-sliding/test/icons/index.html
index f77b4a21d0..9469beecbf 100644
--- a/core/src/components/item-sliding/test/icons/index.html
+++ b/core/src/components/item-sliding/test/icons/index.html
@@ -32,7 +32,7 @@
               <ion-item-option color="danger">
                 <ion-icon slot="icon-only" name="trash"></ion-icon>
               </ion-item-option>
-              <ion-item-option>
+              <ion-item-option expandable>
                 <ion-icon slot="icon-only" name="bookmark"></ion-icon>
               </ion-item-option>
             </ion-item-options>
@@ -47,7 +47,7 @@
                 <ion-icon slot="start" name="archive"></ion-icon>
                 Archive
               </ion-item-option>
-              <ion-item-option color="secondary">
+              <ion-item-option color="secondary" expandable>
                 <ion-icon slot="start" name="bookmark"></ion-icon>
                 Save
               </ion-item-option>
@@ -63,7 +63,7 @@
                 <ion-icon slot="end" name="archive"></ion-icon>
                 Archive
               </ion-item-option>
-              <ion-item-option color="secondary">
+              <ion-item-option color="secondary" expandable>
                 <ion-icon slot="end" name="bookmark"></ion-icon>
                 Save
               </ion-item-option>
@@ -83,7 +83,7 @@
                 <ion-icon slot="top" name="archive"></ion-icon>
                 Archive
               </ion-item-option>
-              <ion-item-option color="secondary">
+              <ion-item-option color="secondary" expandable>
                 <ion-icon slot="top" name="bookmark"></ion-icon>
                 Save
               </ion-item-option>
@@ -103,7 +103,7 @@
                 <ion-icon slot="bottom" name="archive"></ion-icon>
                 Archive
               </ion-item-option>
-              <ion-item-option color="secondary">
+              <ion-item-option color="secondary" expandable>
                 <ion-icon slot="bottom" name="bookmark"></ion-icon>
                 Save
               </ion-item-option>