diff --git a/example-app/app/books/components/book-search.component.ts b/example-app/app/books/components/book-search.component.ts
index aa1f570c9c..eb6961ee0d 100644
--- a/example-app/app/books/components/book-search.component.ts
+++ b/example-app/app/books/components/book-search.component.ts
@@ -30,18 +30,18 @@ import { Component, Output, Input, EventEmitter } from '@angular/core';
 
       .mat-form-field {
         min-width: 300px;
+        margin-right: 10px; // Make room for the spinner
       }
 
       .mat-spinner {
         position: relative;
         top: 10px;
         left: 10px;
-        opacity: 0;
-        padding-left: 60px; // Make room for the spinner
+        visibility: hidden;
       }
 
       .mat-spinner.show {
-        opacity: 1;
+        visibility: visible;
       }
     `,
   ],