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..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(4, 1fr);
+        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
         grid-row-gap: 20px;
         grid-column-gap: 20px;
       }