diff --git a/projects/components/src/link/link.component.test.ts b/projects/components/src/link/link.component.test.ts
index 4d08f5648..6e2161d37 100644
--- a/projects/components/src/link/link.component.test.ts
+++ b/projects/components/src/link/link.component.test.ts
@@ -13,14 +13,16 @@ describe('Link component', () => {
     declarations: [MockDirective(RouterLinkWithHref)]
   });
 
-  test('Link should not be displayed if url is undefined', () => {
+  test('Link contents should be displayed if params/url is undefined', () => {
     spectator = createHost(`<ht-link [paramsOrUrl]="paramsOrUrl"></ht-link>`, {
       props: {
         paramsOrUrl: undefined
       }
     });
 
-    expect(spectator.query('.ht-link')).not.toExist();
+    const anchorElement = spectator.query('.ht-link');
+    expect(anchorElement).toExist();
+    expect(anchorElement).toHaveClass('ht-link disabled');
   });
 
   test('Link should navigate correctly to external URLs', () => {
diff --git a/projects/components/src/link/link.component.ts b/projects/components/src/link/link.component.ts
index 9a58b868a..33d4c9164 100644
--- a/projects/components/src/link/link.component.ts
+++ b/projects/components/src/link/link.component.ts
@@ -9,9 +9,8 @@ import { isNil } from 'lodash-es';
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `
     <a
-      *ngIf="this.navigationPath"
       class="ht-link"
-      [ngClass]="{ disabled: this.disabled }"
+      [ngClass]="{ disabled: this.disabled || !this.navigationPath }"
       [routerLink]="this.navigationPath"
       [queryParams]="this.navigationOptions?.queryParams"
       [queryParamsHandling]="this.navigationOptions?.queryParamsHandling"