diff --git a/apps/client/src/app/pages/webauthn/webauthn-page.html b/apps/client/src/app/pages/webauthn/webauthn-page.html
index a5cce97009..d4d73386ae 100644
--- a/apps/client/src/app/pages/webauthn/webauthn-page.html
+++ b/apps/client/src/app/pages/webauthn/webauthn-page.html
@@ -2,12 +2,12 @@
   <div class="row">
     <div class="col">
       @if (!hasError) {
-        <div class="col d-flex justify-content-center">
+        <div class="d-flex justify-content-center">
           <mat-spinner [diameter]="20" />
         </div>
       } @else {
         <div
-          class="align-items-center col d-flex flex-column justify-content-center"
+          class="align-items-center d-flex flex-column justify-content-center"
         >
           <h1 class="d-flex h5 justify-content-center mb-0 text-center">
             <ng-container i18n>Oops, authentication has failed.</ng-container>
diff --git a/apps/client/src/styles/bootstrap.scss b/apps/client/src/styles/bootstrap.scss
index 4e505341e2..23086c46b6 100644
--- a/apps/client/src/styles/bootstrap.scss
+++ b/apps/client/src/styles/bootstrap.scss
@@ -22,18 +22,20 @@ $container-max-widths: (
   sm: 540px,
   md: 720px,
   lg: 960px,
-  xl: 1140px,
-  xxl: 1140px
+  xl: 1140px
 );
 $cyan: #17a2b8;
 $enable-dark-mode: false;
 $enable-rfs: false;
 $enable-smooth-scroll: false;
+$figure-caption-font-size: 90%;
 $green: #28a745;
 $grid-gutter-width: 30px;
 $hr-opacity: 1;
+$initialism-font-size: 90%;
 $link-decoration: none;
 $link-hover-decoration: underline;
+$table-cell-padding-y: 0.75rem;
 
 @import 'bootstrap/scss/variables';
 @import 'bootstrap/scss/variables-dark';
@@ -195,3 +197,9 @@ $utilities: map.merge(
   background-color: var(--bs-warning);
   color: var(--bs-dark);
 }
+
+// Typography compatibility
+small,
+.small {
+  font-weight: $font-weight-normal;
+}