diff --git a/bitwarden_license/bit-web/src/app/admin-console/providers/providers.component.html b/bitwarden_license/bit-web/src/app/admin-console/providers/providers.component.html
index 560c164415c..1c8c12a1fe1 100644
--- a/bitwarden_license/bit-web/src/app/admin-console/providers/providers.component.html
+++ b/bitwarden_license/bit-web/src/app/admin-console/providers/providers.component.html
@@ -1,22 +1,22 @@
 <app-header></app-header>
 
 <bit-container>
-  <p *ngIf="!loaded" class="text-muted">
+  <p *ngIf="!loaded" class="tw-text-muted">
     <i class="bwi bwi-spinner bwi-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
     <span class="tw-sr-only">{{ "loading" | i18n }}</span>
   </p>
-  <ng-container *ngIf="loaded">
-    <table class="table table-hover table-list" *ngIf="providers && providers.length">
-      <tbody>
-        <tr *ngFor="let p of providers">
-          <td width="30">
+  <ng-container *ngIf="loaded && providers && providers.length">
+    <bit-table>
+      <ng-template body>
+        <tr bitRow *ngFor="let p of providers">
+          <td bitCell class="tw-w-1">
             <bit-avatar [text]="p.name" [id]="p.id" size="small"></bit-avatar>
           </td>
-          <td>
+          <td bitCell>
             <a href="#" [routerLink]="['/providers', p.id]">{{ p.name }}</a>
             <ng-container *ngIf="!p.enabled">
               <i
-                class="bwi bwi-exclamation-triangle text-danger"
+                class="bwi bwi-exclamation-triangle tw-text-danger"
                 title="{{ 'providerIsDisabled' | i18n }}"
                 aria-hidden="true"
               ></i>
@@ -24,7 +24,7 @@
             </ng-container>
           </td>
         </tr>
-      </tbody>
-    </table>
+      </ng-template>
+    </bit-table>
   </ng-container>
 </bit-container>