diff --git a/src/ui/viewerSelector/viewerSelector.component.ts b/src/ui/viewerSelector/viewerSelector.component.ts
index 9ed9ff95e476deea2531d16b0c3fcfa1483ba683..8cad2c8c6e62a3bb6e79fcc60a959dcf7eb56824 100644
--- a/src/ui/viewerSelector/viewerSelector.component.ts
+++ b/src/ui/viewerSelector/viewerSelector.component.ts
@@ -29,6 +29,7 @@ export class ViewerSelectorComponent implements OnInit {
     public layerGroupMenuItems: any[]
 
     public selectorExpanded: boolean = false
+    public selectedTemplatePreviewUrl: string = ''
 
     constructor(private store$: Store<any>) {
       this.selectedAtlas$ = this.store$.pipe(
@@ -58,6 +59,7 @@ export class ViewerSelectorComponent implements OnInit {
     ngOnInit(): void {
       this.subscriptions.push(
         this.selectedTemplate$.subscribe(st => {
+          this.selectedTemplatePreviewUrl = st.templateSpaces.find(t => t['@id'] === st['@id']).previewUrl
           this.selectedTemplateSpaceIndex = this.atlas && this.atlas.templateSpaces.findIndex(ts => ts['@id'] === st['@id'])
         })
       )
diff --git a/src/ui/viewerSelector/viewerSelector.template.html b/src/ui/viewerSelector/viewerSelector.template.html
index 4dce8803f5b685e957118a57a443bdfc8b8c05a2..44abc80ce190dea10e4d1d26ade2e4d6bf76f2fe 100644
--- a/src/ui/viewerSelector/viewerSelector.template.html
+++ b/src/ui/viewerSelector/viewerSelector.template.html
@@ -2,7 +2,7 @@
     <div [hidden]="selectorExpanded"
          class="muted-7 m-2 selectedLayerBorder cursorPointer selectedTemplateDefaultContainer"
          (click)="selectorExpanded = true">
-        <img [src]="(selectedTemplate$ | async)?.previewUrl" draggable="false"/>
+        <img [src]="selectedTemplatePreviewUrl" draggable="false"/>
     </div>