diff --git a/src/app/settings/settings.component.html b/src/app/settings/settings.component.html
index 6ccc3ea..e2906d6 100644
--- a/src/app/settings/settings.component.html
+++ b/src/app/settings/settings.component.html
@@ -28,12 +28,17 @@
           #labelLayoutSelect="matSelect"
           [formControl]="labelLayoutFormControl"
         >
-          <mat-option *ngFor="let layout of labelLayouts" [value]="layout.id" [ngStyle]="{height: 'inherit', width: 'inherit'}">
-            <div fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="40px" (click)="selectLabelLayout(layout)">
-              <div fxFlex="50%" [ngStyle]="{whiteSpace: 'normal', lineHeight: '1.2'}" (click)="selectLabelLayout(layout)">
+          <mat-select-trigger>{{selectedLabelLayout.name}}</mat-select-trigger>
+          <mat-option
+            *ngFor="let layout of labelLayouts"
+            [value]="layout.id"
+            [ngStyle]="{height: 'inherit', width: 'inherit'}"
+          >
+            <div fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="40px">
+              <div fxFlex="50%" [ngStyle]="{whiteSpace: 'normal', lineHeight: '1.2'}">
                 {{layout.name}}
               </div>
-              <div fxFlex="50%" (click)="selectLabelLayout(layout)">
+              <div fxFlex="50%">
                 <app-circle-qrcode-single *ngIf="layout.id === 'circle_qrcode_single'" [sample]="fakeSample"></app-circle-qrcode-single>
                 <app-circle-qrcode-double *ngIf="layout.id === 'circle_qrcode_double'" [sample]="fakeSample"></app-circle-qrcode-double>
                 <app-rectangle-code128 *ngIf="layout.id === 'rectangle_code128'" [sample]="fakeSample"></app-rectangle-code128>
diff --git a/src/app/settings/settings.component.ts b/src/app/settings/settings.component.ts
index 8664aa7..a279b39 100644
--- a/src/app/settings/settings.component.ts
+++ b/src/app/settings/settings.component.ts
@@ -53,6 +53,13 @@ export class SettingsComponent implements AfterViewInit {
     return this.numCopiesFormControl.valid && this.locationIdFormControl.valid;
   }
 
+  get selectedLabelLayout(): LabelLayout {
+    const selectedLayoutId = this.labelLayoutFormControl.value;
+    if (selectedLayoutId) {
+      return this.labelLayouts.find(layout => layout.id === selectedLayoutId);
+    }
+  }
+
   ngAfterViewInit(): void {
     this.locationIdInput.focus();
     this.changeDetector.detectChanges();