From f45f7cfe252993aa8aa35f92ae832fea3e535a66 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Thu, 21 Nov 2024 17:06:51 -0500
Subject: [PATCH 1/2] fix(accordion): move padding to inner element to use
 proper animation

---
 core/src/components/accordion/accordion.ionic.scss  | 2 +-
 core/src/components/accordion/test/shape/index.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/core/src/components/accordion/accordion.ionic.scss b/core/src/components/accordion/accordion.ionic.scss
index 617bacbc505..150ccaf4a9a 100644
--- a/core/src/components/accordion/accordion.ionic.scss
+++ b/core/src/components/accordion/accordion.ionic.scss
@@ -58,7 +58,7 @@
 // Accordion Content
 // --------------------------------------------------
 
-#content {
+#content-wrapper {
   @include globals.padding(null, globals.$ion-space-400, globals.$ion-space-300, globals.$ion-space-400);
   @include globals.typography(globals.$ion-body-md-regular);
 
diff --git a/core/src/components/accordion/test/shape/index.html b/core/src/components/accordion/test/shape/index.html
index 322d9ca0872..55b08d9e9fe 100644
--- a/core/src/components/accordion/test/shape/index.html
+++ b/core/src/components/accordion/test/shape/index.html
@@ -11,7 +11,7 @@
     <style>
       .grid {
         display: grid;
-        grid-template-columns: repeat(4, 1fr);
+        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
         grid-row-gap: 20px;
         grid-column-gap: 20px;
       }

From 3bdde40571000add713c230337d7bc14a5e7aace Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Thu, 21 Nov 2024 17:08:39 -0500
Subject: [PATCH 2/2] style: test update

---
 core/src/components/accordion/test/shape/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/components/accordion/test/shape/index.html b/core/src/components/accordion/test/shape/index.html
index 55b08d9e9fe..2102caa2954 100644
--- a/core/src/components/accordion/test/shape/index.html
+++ b/core/src/components/accordion/test/shape/index.html
@@ -11,7 +11,7 @@
     <style>
       .grid {
         display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
         grid-row-gap: 20px;
         grid-column-gap: 20px;
       }