diff --git a/projects/demo/src/app/components/content-card/content-card.component.html b/projects/demo/src/app/components/content-card/content-card.component.html
index 500fe733..84d08354 100644
--- a/projects/demo/src/app/components/content-card/content-card.component.html
+++ b/projects/demo/src/app/components/content-card/content-card.component.html
@@ -70,9 +70,7 @@ <h3 class="text-title-large-prominent text-ids-page-fg-surface-default">{{ data.
       </div>
       @for (button of data.button; track $index) {
         <div class="flex flex-col gap-ids-container-gap-8 justify-end w-full">
-          <button type="button" idsButton size="compact" variant="primary" appearance="outlined" (click)="handleButtonClick(button.url)">
-            {{ button.text }}
-          </button>
+          <a idsButton size="compact" variant="primary" appearance="outlined" [href]="button.url">{{ button.text }}</a>
         </div>
       }
     </div>