diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 524e318..52aea3c 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -11,6 +11,8 @@ import {MatGridListModule} from '@angular/material/grid-list';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatSelectModule} from '@angular/material/select';
 import {MatButtonModule} from '@angular/material/button';
+import {MatInputModule} from '@angular/material';
+
 
 import { AppComponent } from './app.component';
 import { OpenLPService } from './openlp.service';
@@ -43,7 +45,8 @@ import { FormsModule } from '@angular/forms';
     FormsModule,
     MatFormFieldModule,
     MatSelectModule,
-    MatButtonModule
+    MatButtonModule,
+    MatInputModule
   ],
   providers: [
     OpenLPService
diff --git a/src/app/search.component.ts b/src/app/search.component.ts
index c7049c0..590499a 100644
--- a/src/app/search.component.ts
+++ b/src/app/search.component.ts
@@ -14,7 +14,8 @@ template: `
 </mat-select>
 <br>
 <mat-form-field>
-  <input matInput [(ngModel)]="searchText" name="searchText" placeholder="Search Text"></mat-form-field>
+  <input matInput [(ngModel)]="searchText" name="searchText" placeholder="Search Text">
+</mat-form-field>
   <br>
 <button mat-raised-button color="warn" (click)="onSubmit()">Search</button>
 </form>