diff --git a/src/digital-components/salesforce-webchat/salesforce-webchat.vue b/src/digital-components/salesforce-webchat/salesforce-webchat.vue
index ac7f8c505..f71b8ae90 100644
--- a/src/digital-components/salesforce-webchat/salesforce-webchat.vue
+++ b/src/digital-components/salesforce-webchat/salesforce-webchat.vue
@@ -35,14 +35,14 @@ export default {
                 case "Prod":
                     initializeSalesforceWebchatForProd();
                     break;
-                case "QA":
+                case "Localhost":
                 case "SysTest":
                     initializeSalesforceWebchatForQa();
                     break;
                 case "Dev":
-                case "Localhost":
-                    initializeSalesforceWebchatForDev();
-                    break;
+                // case "Localhost":
+                //     initializeSalesforceWebchatForDev();
+                //     break;
             }
         },
     },
@@ -63,12 +63,54 @@ export default {
         border: none;
         background-color: transparent;
     }
-    .embeddedServiceHelpButton .helpButton .uiButton {
-        background-color: #167cac;
-        font-family: "Arial", sans-serif;
 }
-    .embeddedServiceHelpButton .helpButton .uiButton:focus {
-        outline: 1px solid #167cac;
-    }
+
+/* .embeddedServiceHelpButton .helpButton .uiButton {
+    background-color: red;
+    font-family: "Arial", sans-serif;
 }
+.embeddedServiceHelpButton .helpButton .uiButton:focus {
+    outline: 1px solid #167cac;
+} */
+
+.embeddedServiceHelpButton .helpButton .uiButton {
+    background-color: #0070d1!important;
+}
+
+.modalContainer.sidebarMinimized.layout-docked.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI.helpButton,
+.modalContainer.sidebarMinimized.layout-docked.embeddedServiceSidebar .sidebarHeader.minimizedContainer.embeddedServiceSidebarMinimizedDefaultUI {
+    background-color: #0070d1;
+    border: 1px solid #0070d1;
+}
+
+.dockableContainer.showDockableContainer .chatHeaderBranding,
+.dockableContainer.showDockableContainer .sidebarBody .embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor0 {
+    background-color: #0070d1;
+}
+
+.dockableContainer.showDockableContainer,
+.dockableContainer.showDockableContainer .sidebarBody .embeddedServiceSidebarFormField .uiInput .uiLabel-left {
+    font-family: AvertaRegular;
+    color: #727676;
+}
+
+.dockableContainer.showDockableContainer span.required,
+.dockableContainer.showDockableContainer .sidebarBody .form-element__help {
+    color: #db0020;
+}
+
+.dockableContainer.showDockableContainer .sidebarBody button {
+    background: linear-gradient(270deg, #0070d1 0%, #003d58 100%);
+    color: #fff;
+}
+
+.dockableContainer.showDockableContainer .sidebarBody .embeddedServiceSidebarFormField .uiInput input {
+    border: 1px solid #8e9292;
+}
+
+.dockableContainer.showDockableContainer .sidebarBody .embeddedServiceSidebarButton.uiButton--inverse .label {
+    color: #fff;
+    text-decoration: underline;
+}
+ 
 </style>