diff --git a/src/app/pages/jukebox/jukebox.component.html b/src/app/pages/jukebox/jukebox.component.html
index a5f5731..b3e7356 100644
--- a/src/app/pages/jukebox/jukebox.component.html
+++ b/src/app/pages/jukebox/jukebox.component.html
@@ -1,22 +1,22 @@
 <div *ngIf="active">
-  <mat-card>  
-    <mat-card-header>
-    <mat-card-title>{{'jukebox' | i18n}}</mat-card-title>
-  </mat-card-header>
-    <mat-card-content>
-      <form (submit)="search()">
+  <form (submit)="search()">
+    <mat-card>
+      <mat-card-header>
+        <mat-card-title>{{'jukebox' | i18n}}</mat-card-title>
+      </mat-card-header>
+      <mat-card-content>
         <mat-form-field>
           <input matInput [formControl]="searchFormControl" placeholder="{{'jukebox.search' | i18n}}">
         </mat-form-field>
-      </form>
-    </mat-card-content>
-    <mat-card-actions>
-      <button mat-raised-button type="submit" [disabled]="!searchFormControl.value || timeout > 0 || searchDisabled">
-        <mat-icon inline="true">{{'jukebox.search.icon' | i18n}}</mat-icon>
-        {{'jukebox.search.submit' | i18n}}
-      </button>
-    </mat-card-actions>
-  </mat-card>
+      </mat-card-content>
+      <mat-card-actions>
+        <button mat-raised-button type="submit" [disabled]="!searchFormControl.value || timeout > 0 || searchDisabled">
+          <mat-icon inline="true">{{'jukebox.search.icon' | i18n}}</mat-icon>
+          {{'jukebox.search.submit' | i18n}}
+        </button>
+      </mat-card-actions>
+    </mat-card>
+  </form>
 
   <p *ngIf="timeout">{{'jukebox.timeout' | i18n:timeout}}</p>