diff --git a/projects/example-app/src/app/auth/components/__snapshots__/logout-confirmation-dialog.component.spec.ts.snap b/projects/example-app/src/app/auth/components/__snapshots__/logout-confirmation-dialog.component.spec.ts.snap
index 026a8232cf..d403a13046 100644
--- a/projects/example-app/src/app/auth/components/__snapshots__/logout-confirmation-dialog.component.spec.ts.snap
+++ b/projects/example-app/src/app/auth/components/__snapshots__/logout-confirmation-dialog.component.spec.ts.snap
@@ -17,6 +17,8 @@ exports[`Logout Confirmation Dialog should compile 1`] = `
     <button
       class="mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base"
       mat-button=""
+      mat-button-is-fab="false"
+      mat-button-ripple-uninitialized=""
       type="button"
     >
       <span
@@ -30,10 +32,6 @@ exports[`Logout Confirmation Dialog should compile 1`] = `
       <span
         class="mat-mdc-focus-indicator"
       />
-      <span
-        class="mat-ripple mat-mdc-button-ripple"
-        matripple=""
-      />
       <span
         class="mat-mdc-button-touch-target"
       />
@@ -41,6 +39,8 @@ exports[`Logout Confirmation Dialog should compile 1`] = `
     <button
       class="mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base"
       mat-button=""
+      mat-button-is-fab="false"
+      mat-button-ripple-uninitialized=""
       type="button"
     >
       <span
@@ -54,10 +54,6 @@ exports[`Logout Confirmation Dialog should compile 1`] = `
       <span
         class="mat-mdc-focus-indicator"
       />
-      <span
-        class="mat-ripple mat-mdc-button-ripple"
-        matripple=""
-      />
       <span
         class="mat-mdc-button-touch-target"
       />
diff --git a/projects/example-app/src/app/auth/containers/__snapshots__/login-page.component.spec.ts.snap b/projects/example-app/src/app/auth/containers/__snapshots__/login-page.component.spec.ts.snap
index 6f6174af8d..633fd365ad 100644
--- a/projects/example-app/src/app/auth/containers/__snapshots__/login-page.component.spec.ts.snap
+++ b/projects/example-app/src/app/auth/containers/__snapshots__/login-page.component.spec.ts.snap
@@ -59,7 +59,7 @@ exports[`Login Page should compile 1`] = `
               >
                 <div
                   class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages"
-                  style="opacity:1;transform:translateY(0%);0:opacity;1:transform;"
+                  style="opacity: 1; transform: translateY(0%);"
                 >
                   <div
                     class="mat-mdc-form-field-hint-spacer"
@@ -105,7 +105,7 @@ exports[`Login Page should compile 1`] = `
               >
                 <div
                   class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages"
-                  style="opacity:1;transform:translateY(0%);0:opacity;1:transform;"
+                  style="opacity: 1; transform: translateY(0%);"
                 >
                   <div
                     class="mat-mdc-form-field-hint-spacer"
@@ -120,6 +120,8 @@ exports[`Login Page should compile 1`] = `
             <button
               class="mdc-button mat-mdc-button _mat-animation-noopable mat-unthemed mat-mdc-button-base"
               mat-button=""
+              mat-button-is-fab="false"
+              mat-button-ripple-uninitialized=""
               type="submit"
             >
               <span
@@ -133,10 +135,6 @@ exports[`Login Page should compile 1`] = `
               <span
                 class="mat-mdc-focus-indicator"
               />
-              <span
-                class="mat-ripple mat-mdc-button-ripple"
-                matripple=""
-              />
               <span
                 class="mat-mdc-button-touch-target"
               />
diff --git a/projects/example-app/src/app/books/containers/__snapshots__/find-book-page.component.spec.ts.snap b/projects/example-app/src/app/books/containers/__snapshots__/find-book-page.component.spec.ts.snap
index a6ec11741b..0b59de7212 100644
--- a/projects/example-app/src/app/books/containers/__snapshots__/find-book-page.component.spec.ts.snap
+++ b/projects/example-app/src/app/books/containers/__snapshots__/find-book-page.component.spec.ts.snap
@@ -54,7 +54,7 @@ exports[`Find Book Page should compile 1`] = `
           >
             <div
               class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages"
-              style="opacity:1;transform:translateY(0%);0:opacity;1:transform;"
+              style="opacity: 1; transform: translateY(0%);"
             >
               <div
                 class="mat-mdc-form-field-hint-spacer"