diff --git a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html
index c771772e0a..79d3fe7460 100644
--- a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html
+++ b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html
@@ -107,7 +107,7 @@
             class="adf-textitem-clickable"
             [ngClass]="{ 'adf-property-read-only': isReadonlyProperty }"
             [attr.data-automation-id]="'card-textitem-toggle-' + property.key"
-            (click)="clicked()"
+            (click)="clicked($event)"
         >
             <mat-form-field class="adf-property-field adf-card-textitem-field">
                 <mat-label
diff --git a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.spec.ts b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.spec.ts
index 11f09f6d76..ed3100e2ee 100644
--- a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.spec.ts
+++ b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.spec.ts
@@ -510,6 +510,30 @@ describe('CardViewTextItemComponent', () => {
             expect(callBackSpy).toHaveBeenCalled();
         });
 
+        it('should call preventDefault on event when label of clickable input is clicked', () => {
+            component.property.clickable = true;
+            component.ngOnChanges({});
+            fixture.detectChanges();
+
+            const clickEvent = new MouseEvent('click', { bubbles: true });
+            spyOn(clickEvent, 'preventDefault');
+            testingUtils.getByDataAutomationId(`card-textitem-label-${component.property.key}`).nativeElement.dispatchEvent(clickEvent);
+            fixture.detectChanges();
+            expect(clickEvent.preventDefault).toHaveBeenCalled();
+        });
+
+        it('should call preventDefault on event when button wrapper of clickable input is clicked', () => {
+            component.property.clickable = true;
+            component.ngOnChanges({});
+            fixture.detectChanges();
+
+            const clickEvent = new MouseEvent('click');
+            spyOn(clickEvent, 'preventDefault');
+            testingUtils.getByDataAutomationId(`card-textitem-toggle-${component.property.key}`).nativeElement.dispatchEvent(clickEvent);
+            fixture.detectChanges();
+            expect(clickEvent.preventDefault).toHaveBeenCalled();
+        });
+
         it('should click event to the event stream when clickable property enabled', async () => {
             const cardViewUpdateService = TestBed.inject(CardViewUpdateService);
             spyOn(cardViewUpdateService, 'clicked').and.stub();
diff --git a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.ts b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.ts
index 02cf2fee7d..a944f91d18 100644
--- a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.ts
+++ b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.ts
@@ -203,12 +203,13 @@ export class CardViewTextItemComponent extends BaseCardView<CardViewTextItemMode
         }
     }
 
-    clicked(): void {
+    clicked(event: MouseEvent): void {
         if (typeof this.property.clickCallBack === 'function') {
             this.property.clickCallBack();
         } else {
             this.cardViewUpdateService.clicked(this.property);
         }
+        event.preventDefault();
     }
 
     clearValue() {