diff --git a/demo-shell/src/app/components/login/login.component.css b/demo-shell/src/app/components/login/login.component.css
index d2ca36adae..97bb8351da 100644
--- a/demo-shell/src/app/components/login/login.component.css
+++ b/demo-shell/src/app/components/login/login.component.css
@@ -34,9 +34,10 @@
         display: none;
     }
 
-    .mobile-setting-button.mat-raised-button {
+    .mobile-setting-button {
         background-color: rgb(68,138,255);
-        line-height: 25px;
+        color: white;
+        width: 100%;
     }
 
     .mobile-settings {
diff --git a/demo-shell/src/app/components/login/login.component.html b/demo-shell/src/app/components/login/login.component.html
index 775d2c6f20..4c70548620 100644
--- a/demo-shell/src/app/components/login/login.component.html
+++ b/demo-shell/src/app/components/login/login.component.html
@@ -92,10 +92,7 @@
                 {{ 'LOGIN.LOGIN_FOOTER'| translate }}
             </mat-slide-toggle>
         </p>
-        <button class="adf-login-button mat-raised-button btn mobile-setting-button"  data-automation-id="settings" href="" routerLink="/settings" mat-raised-button="" ng-reflect-disabled="false" >
-            <span class="mat-button-wrapper">
-                <span class="adf-login-button-label ng-star-inserted">{{ 'APP_LAYOUT.SETTINGS'| translate }}</span>
-            </span>
-        </button>
+        <button type="button" class="mat-raised-button mobile-setting-button" routerLink="/settings" data-automation-id="settings">{{ 'APP_LAYOUT.SETTINGS'| translate }}</button>
+
     </div>
 </adf-login>