diff --git a/apps/web/src/app/dirt/reports/pages/inactive-two-factor-report.component.html b/apps/web/src/app/dirt/reports/pages/inactive-two-factor-report.component.html
index 05758a854c2..a9aba185aac 100644
--- a/apps/web/src/app/dirt/reports/pages/inactive-two-factor-report.component.html
+++ b/apps/web/src/app/dirt/reports/pages/inactive-two-factor-report.component.html
@@ -18,19 +18,34 @@
       <bit-callout type="danger" title="{{ 'inactive2faFound' | i18n }}">
         {{ "inactive2faFoundReportDesc" | i18n: (ciphers.length | number) : vaultMsg }}
       </bit-callout>
-      <bit-toggle-group
-        *ngIf="showFilterToggle && !isAdminConsoleActive"
-        [selected]="filterOrgStatus$ | async"
-        (selectedChange)="filterOrgToggle($event)"
-        [attr.aria-label]="'addAccessFilter' | i18n"
-      >
-        <ng-container *ngFor="let status of filterStatus">
-          <bit-toggle [value]="status">
-            {{ getName(status) }}
-            <span bitBadge variant="info"> {{ getCount(status) }} </span>
-          </bit-toggle>
-        </ng-container>
-      </bit-toggle-group>
+      @if (!isAdminConsoleActive && canDisplayToggleGroup()) {
+        <bit-toggle-group
+          *ngIf="showFilterToggle && !isAdminConsoleActive"
+          [selected]="filterOrgStatus$ | async"
+          (selectedChange)="filterOrgToggle($event)"
+          [attr.aria-label]="'addAccessFilter' | i18n"
+        >
+          <ng-container *ngFor="let status of filterStatus">
+            <bit-toggle [value]="status">
+              {{ getName(status) }}
+              <span bitBadge variant="info"> {{ getCount(status) }} </span>
+            </bit-toggle>
+          </ng-container>
+        </bit-toggle-group>
+      }
+
+      <!-- bit-chip-select start -->
+      @if (!isAdminConsoleActive && !canDisplayToggleGroup()) {
+        <bit-chip-select
+          [placeholderText]="chipSelectOptions[0].label"
+          [placeholderIcon]="chipSelectOptions[0].icon"
+          [options]="chipSelectOptions"
+          [ngModel]="selectedFilterChip"
+          (ngModelChange)="filterOrgToggleChipSelect($event)"
+          fullWidth="true"
+        ></bit-chip-select>
+      }
+      <!-- bit-chip-select end-->
       <bit-table [dataSource]="dataSource">
         <ng-container header *ngIf="!isAdminConsoleActive">
           <tr bitRow>
diff --git a/apps/web/src/app/dirt/reports/pages/organizations/inactive-two-factor-report.component.ts b/apps/web/src/app/dirt/reports/pages/organizations/inactive-two-factor-report.component.ts
index b1adbd26eb3..9b88932996a 100644
--- a/apps/web/src/app/dirt/reports/pages/organizations/inactive-two-factor-report.component.ts
+++ b/apps/web/src/app/dirt/reports/pages/organizations/inactive-two-factor-report.component.ts
@@ -11,7 +11,7 @@ import { CipherService } from "@bitwarden/common/vault/abstractions/cipher.servi
 import { SyncService } from "@bitwarden/common/vault/abstractions/sync/sync.service.abstraction";
 import { Cipher } from "@bitwarden/common/vault/models/domain/cipher";
 import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
-import { DialogService } from "@bitwarden/components";
+import { ChipSelectComponent, DialogService } from "@bitwarden/components";
 import { CipherFormConfigService, PasswordRepromptService } from "@bitwarden/vault";
 
 import { HeaderModule } from "../../../../layouts/header/header.module";
@@ -36,7 +36,7 @@ import { InactiveTwoFactorReportComponent as BaseInactiveTwoFactorReportComponen
     RoutedVaultFilterService,
     RoutedVaultFilterBridgeService,
   ],
-  imports: [SharedModule, HeaderModule, OrganizationBadgeModule, PipesModule],
+  imports: [SharedModule, HeaderModule, OrganizationBadgeModule, PipesModule, ChipSelectComponent],
 })
 export class InactiveTwoFactorReportComponent
   extends BaseInactiveTwoFactorReportComponent
diff --git a/apps/web/src/app/dirt/reports/pages/organizations/unsecured-websites-report.component.ts b/apps/web/src/app/dirt/reports/pages/organizations/unsecured-websites-report.component.ts
index d49baa5d465..f6493c3586a 100644
--- a/apps/web/src/app/dirt/reports/pages/organizations/unsecured-websites-report.component.ts
+++ b/apps/web/src/app/dirt/reports/pages/organizations/unsecured-websites-report.component.ts
@@ -15,7 +15,7 @@ import { CipherService } from "@bitwarden/common/vault/abstractions/cipher.servi
 import { SyncService } from "@bitwarden/common/vault/abstractions/sync/sync.service.abstraction";
 import { Cipher } from "@bitwarden/common/vault/models/domain/cipher";
 import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
-import { DialogService } from "@bitwarden/components";
+import { ChipSelectComponent, DialogService } from "@bitwarden/components";
 import { CipherFormConfigService, PasswordRepromptService } from "@bitwarden/vault";
 
 import { HeaderModule } from "../../../../layouts/header/header.module";
@@ -41,7 +41,7 @@ import { UnsecuredWebsitesReportComponent as BaseUnsecuredWebsitesReportComponen
     RoutedVaultFilterService,
     RoutedVaultFilterBridgeService,
   ],
-  imports: [SharedModule, HeaderModule, OrganizationBadgeModule, PipesModule],
+  imports: [SharedModule, HeaderModule, OrganizationBadgeModule, PipesModule, ChipSelectComponent],
 })
 export class UnsecuredWebsitesReportComponent
   extends BaseUnsecuredWebsitesReportComponent
diff --git a/apps/web/src/app/dirt/reports/pages/organizations/weak-passwords-report.component.ts b/apps/web/src/app/dirt/reports/pages/organizations/weak-passwords-report.component.ts
index 5158416dd28..aa74151fe52 100644
--- a/apps/web/src/app/dirt/reports/pages/organizations/weak-passwords-report.component.ts
+++ b/apps/web/src/app/dirt/reports/pages/organizations/weak-passwords-report.component.ts
@@ -16,7 +16,7 @@ import { CipherService } from "@bitwarden/common/vault/abstractions/cipher.servi
 import { SyncService } from "@bitwarden/common/vault/abstractions/sync/sync.service.abstraction";
 import { Cipher } from "@bitwarden/common/vault/models/domain/cipher";
 import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
-import { DialogService } from "@bitwarden/components";
+import { ChipSelectComponent, DialogService } from "@bitwarden/components";
 import { CipherFormConfigService, PasswordRepromptService } from "@bitwarden/vault";
 
 import { HeaderModule } from "../../../../layouts/header/header.module";
@@ -42,7 +42,7 @@ import { WeakPasswordsReportComponent as BaseWeakPasswordsReportComponent } from
     RoutedVaultFilterService,
     RoutedVaultFilterBridgeService,
   ],
-  imports: [SharedModule, HeaderModule, OrganizationBadgeModule, PipesModule],
+  imports: [SharedModule, HeaderModule, OrganizationBadgeModule, PipesModule, ChipSelectComponent],
 })
 export class WeakPasswordsReportComponent
   extends BaseWeakPasswordsReportComponent
diff --git a/apps/web/src/app/dirt/reports/pages/unsecured-websites-report.component.html b/apps/web/src/app/dirt/reports/pages/unsecured-websites-report.component.html
index 5dd11b59999..af67360551c 100644
--- a/apps/web/src/app/dirt/reports/pages/unsecured-websites-report.component.html
+++ b/apps/web/src/app/dirt/reports/pages/unsecured-websites-report.component.html
@@ -19,19 +19,34 @@
         {{ "unsecuredWebsitesFoundReportDesc" | i18n: (ciphers.length | number) : vaultMsg }}
       </bit-callout>
 
-      <bit-toggle-group
-        *ngIf="showFilterToggle && !isAdminConsoleActive"
-        [selected]="filterOrgStatus$ | async"
-        (selectedChange)="filterOrgToggle($event)"
-        [attr.aria-label]="'addAccessFilter' | i18n"
-      >
-        <ng-container *ngFor="let status of filterStatus">
-          <bit-toggle [value]="status">
-            {{ getName(status) }}
-            <span bitBadge variant="info"> {{ getCount(status) }} </span>
-          </bit-toggle>
-        </ng-container>
-      </bit-toggle-group>
+      @if (!isAdminConsoleActive && canDisplayToggleGroup()) {
+        <bit-toggle-group
+          *ngIf="showFilterToggle && !isAdminConsoleActive"
+          [selected]="filterOrgStatus$ | async"
+          (selectedChange)="filterOrgToggle($event)"
+          [attr.aria-label]="'addAccessFilter' | i18n"
+        >
+          <ng-container *ngFor="let status of filterStatus">
+            <bit-toggle [value]="status">
+              {{ getName(status) }}
+              <span bitBadge variant="info"> {{ getCount(status) }} </span>
+            </bit-toggle>
+          </ng-container>
+        </bit-toggle-group>
+      }
+
+      <!-- bit-chip-select start -->
+      @if (!isAdminConsoleActive && !canDisplayToggleGroup()) {
+        <bit-chip-select
+          [placeholderText]="chipSelectOptions[0].label"
+          [placeholderIcon]="chipSelectOptions[0].icon"
+          [options]="chipSelectOptions"
+          [ngModel]="selectedFilterChip"
+          (ngModelChange)="filterOrgToggleChipSelect($event)"
+          fullWidth="true"
+        ></bit-chip-select>
+      }
+      <!-- bit-chip-select end-->
       <bit-table [dataSource]="dataSource">
         <ng-container header *ngIf="!isAdminConsoleActive">
           <tr bitRow>
diff --git a/apps/web/src/app/dirt/reports/pages/weak-passwords-report.component.html b/apps/web/src/app/dirt/reports/pages/weak-passwords-report.component.html
index 92d56c1c7a3..ef489b19b5f 100644
--- a/apps/web/src/app/dirt/reports/pages/weak-passwords-report.component.html
+++ b/apps/web/src/app/dirt/reports/pages/weak-passwords-report.component.html
@@ -18,19 +18,36 @@
       <bit-callout type="danger" title="{{ 'weakPasswordsFound' | i18n }}">
         {{ "weakPasswordsFoundReportDesc" | i18n: (ciphers.length | number) : vaultMsg }}
       </bit-callout>
-      <bit-toggle-group
-        *ngIf="showFilterToggle && !isAdminConsoleActive"
-        [selected]="filterOrgStatus$ | async"
-        (selectedChange)="filterOrgToggle($event)"
-        [attr.aria-label]="'addAccessFilter' | i18n"
-      >
-        <ng-container *ngFor="let status of filterStatus">
-          <bit-toggle [value]="status">
-            {{ getName(status) }}
-            <span bitBadge variant="info"> {{ getCount(status) }} </span>
-          </bit-toggle>
-        </ng-container>
-      </bit-toggle-group>
+
+      @if (!isAdminConsoleActive && canDisplayToggleGroup()) {
+        <bit-toggle-group
+          *ngIf="showFilterToggle && !isAdminConsoleActive"
+          [selected]="filterOrgStatus$ | async"
+          (selectedChange)="filterOrgToggle($event)"
+          [attr.aria-label]="'addAccessFilter' | i18n"
+        >
+          <ng-container *ngFor="let status of filterStatus">
+            <bit-toggle [value]="status">
+              {{ getName(status) }}
+              <span bitBadge variant="info"> {{ getCount(status) }} </span>
+            </bit-toggle>
+          </ng-container>
+        </bit-toggle-group>
+      }
+
+      <!-- bit-chip-select start -->
+      @if (!isAdminConsoleActive && !canDisplayToggleGroup()) {
+        <bit-chip-select
+          [placeholderText]="chipSelectOptions[0].label"
+          [placeholderIcon]="chipSelectOptions[0].icon"
+          [options]="chipSelectOptions"
+          [ngModel]="selectedFilterChip"
+          (ngModelChange)="filterOrgToggleChipSelect($event)"
+          fullWidth="true"
+        ></bit-chip-select>
+      }
+      <!-- bit-chip-select end-->
+
       <bit-table-scroll [dataSource]="dataSource" [rowSize]="75">
         <ng-container header>
           <th bitCell></th>