diff --git a/components/cards-public-page.html b/components/cards-public-page.html
index 40c4c99..d65fb78 100644
--- a/components/cards-public-page.html
+++ b/components/cards-public-page.html
@@ -33,9 +33,11 @@
                 </div>
 
                 <div class="sg-cards-public-page__cta-right-buttons" data-component="link-buttons">
-                  <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">
-                    Link-Button
-                  </button>
+                  <div class="sg-component-row">
+                    <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">
+                      Link-Button
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>
diff --git a/styles/40-components-cards.css b/styles/40-components-cards.css
index 6269518..d862476 100644
--- a/styles/40-components-cards.css
+++ b/styles/40-components-cards.css
@@ -240,7 +240,6 @@
   width: 100%;
   max-width: 100%;
   box-sizing: border-box;
-  padding-inline: var(--spacing-small);
 }
 
 .sg-page-cards-public-page #component-content-wrapper-card > .sg-transparent-card {
@@ -262,18 +261,19 @@
 
 .sg-page-cards-public-page .sg-cards-public-page__cta-right-grid {
   width: 100%;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
+  display: flex;
   align-items: center;
+  justify-content: space-between;
   gap: var(--spacing-large);
 }
 
 .sg-page-cards-public-page .sg-cards-public-page__cta-right-copy {
+  flex: 1 1 auto;
   min-width: 0;
 }
 
 .sg-page-cards-public-page .sg-cards-public-page__cta-right-buttons {
-  min-width: 0;
+  flex: 0 0 auto;
 }
 
 .sg-page-cards .sg-group-card > .sg-card {