diff --git a/src/ui/sharedModules/angularMaterial.module.ts b/src/ui/sharedModules/angularMaterial.module.ts
index 22ab6307004196d3b182682848014717adb67a8c..0c26ba60f6f96546bfd3102459d2d86471f417f5 100644
--- a/src/ui/sharedModules/angularMaterial.module.ts
+++ b/src/ui/sharedModules/angularMaterial.module.ts
@@ -16,7 +16,8 @@ import {
   MatBottomSheetModule,
   MatListModule,
   MatSlideToggleModule,
-  MatRippleModule
+  MatRippleModule,
+  MatSliderModule
   
 } from '@angular/material';
 import { NgModule } from '@angular/core';
@@ -44,7 +45,8 @@ import { NgModule } from '@angular/core';
     MatBottomSheetModule,
     MatListModule,
     MatSlideToggleModule,
-    MatRippleModule
+    MatRippleModule,
+    MatSliderModule
   ],
   exports: [
     MatButtonModule,
@@ -64,7 +66,8 @@ import { NgModule } from '@angular/core';
     MatBottomSheetModule,
     MatListModule,
     MatSlideToggleModule,
-    MatRippleModule
+    MatRippleModule,
+    MatSliderModule
   ],
 })
 export class AngularMaterialModule { }
\ No newline at end of file
diff --git a/src/ui/signinBanner/signinBanner.template.html b/src/ui/signinBanner/signinBanner.template.html
index 1da0fb01da873392fbe79901047520aaff3bf699..bb7f583cd6f167a278ff101cef385fa1d5ea70e2 100644
--- a/src/ui/signinBanner/signinBanner.template.html
+++ b/src/ui/signinBanner/signinBanner.template.html
@@ -42,3 +42,13 @@
     </button>
   </div>
 </div>
+
+<ng-template #settingTemplate>	
+  <h2 mat-dialog-title>Settings</h2>	
+  <mat-dialog-content>	
+    <!-- required to avoid showing an ugly vertical scroll bar -->	
+    <!-- TODO investigate why, then remove the friller class -->	
+    <config-component class="mb-4 d-block">	
+    </config-component>	
+  </mat-dialog-content>	
+</ng-template> 
\ No newline at end of file