diff --git a/apps/web/src/app/admin-console/organizations/shared/components/integrations/integration-card/integration-card.component.html b/apps/web/src/app/admin-console/organizations/shared/components/integrations/integration-card/integration-card.component.html
index d0afda4c0ae..2c0db1cf933 100644
--- a/apps/web/src/app/admin-console/organizations/shared/components/integrations/integration-card/integration-card.component.html
+++ b/apps/web/src/app/admin-console/organizations/shared/components/integrations/integration-card/integration-card.component.html
@@ -19,32 +19,38 @@
   <div class="tw-p-5">
     <h3 class="tw-text-main tw-text-lg tw-font-semibold">
       {{ name }}
-      <span *ngIf="showConnectedBadge()" class="tw-ml-3">
-        <span *ngIf="isConnected" bitBadge variant="success">{{ "on" | i18n }}</span>
-        <span *ngIf="!isConnected" bitBadge>{{ "off" | i18n }}</span>
-      </span>
+      @if (showConnectedBadge()) {
+        <span class="tw-ml-3">
+          @if (isConnected) {
+            <span bitBadge variant="success">{{ "on" | i18n }}</span>
+          }
+          @if (!isConnected) {
+            <span bitBadge>{{ "off" | i18n }}</span>
+          }
+        </span>
+      }
     </h3>
     <p class="tw-mb-0">{{ description }}</p>
 
-    <button
-      *ngIf="canSetupConnection"
-      type="button"
-      class="tw-mt-3"
-      bitButton
-      (click)="setupConnection(name)"
-    >
-      <span>{{ "connectIntegrationButtonDesc" | i18n: name }}</span>
-    </button>
-    <a
-      *ngIf="linkURL"
-      class="tw-block tw-mb-0 tw-font-bold hover:tw-no-underline focus:tw-outline-none after:tw-content-[''] after:tw-block after:tw-absolute after:tw-size-full after:tw-left-0 after:tw-top-0"
-      [href]="linkURL"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-    </a>
-    <span *ngIf="showNewBadge()" bitBadge class="tw-mt-3" variant="secondary">
-      {{ "new" | i18n }}
-    </span>
+    @if (canSetupConnection) {
+      <button type="button" class="tw-mt-3" bitButton (click)="setupConnection(name)">
+        <span>{{ "connectIntegrationButtonDesc" | i18n: name }}</span>
+      </button>
+    }
+
+    @if (linkURL) {
+      <a
+        class="tw-block tw-mb-0 tw-font-bold hover:tw-no-underline focus:tw-outline-none after:tw-content-[''] after:tw-block after:tw-absolute after:tw-size-full after:tw-left-0 after:tw-top-0"
+        [href]="linkURL"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+      </a>
+    }
+    @if (showNewBadge()) {
+      <span bitBadge class="tw-mt-3" variant="secondary">
+        {{ "new" | i18n }}
+      </span>
+    }
   </div>
 </div>