diff --git a/source/nodejs/adaptivecards-designer/src/adaptivecards-designer.css b/source/nodejs/adaptivecards-designer/src/adaptivecards-designer.css
index 8a5fb120f7..ca13ef8be4 100644
--- a/source/nodejs/adaptivecards-designer/src/adaptivecards-designer.css
+++ b/source/nodejs/adaptivecards-designer/src/adaptivecards-designer.css
@@ -196,7 +196,7 @@
 }
 
 .acd-dialog-frame {
-    background-color: white;
+    background-color: ActiveBorder;
     display: flex;
     flex-direction: column;
     box-shadow: 0 0 50px -5px rgba(0, 0, 0, 0.4);
diff --git a/source/nodejs/adaptivecards-designer/src/adaptivecards-designer.ts b/source/nodejs/adaptivecards-designer/src/adaptivecards-designer.ts
index bf23545d0c..d63ae7548a 100644
--- a/source/nodejs/adaptivecards-designer/src/adaptivecards-designer.ts
+++ b/source/nodejs/adaptivecards-designer/src/adaptivecards-designer.ts
@@ -11,7 +11,7 @@ export const defaultMicrosoftHosts: containers.HostContainer[] = [
     new containers.OutlookContainer("Outlook Actionable Messages", "containers/outlook-container.css"),
     new containers.DarkTeamsContainer("Microsoft Teams - Dark", "containers/teams-container-dark.css"),
     new containers.LightTeamsContainer("Microsoft Teams - Light", "containers/teams-container-light.css"),
-    new containers.DarkVivaConnectionsContainer("Viva Connections - Dark (Preview)", "containers/viva-connections-container-dark.css"),
+    new containers.DarkVivaConnectionsContainer("Viva Connections - Dark", "containers/viva-connections-container-dark.css"),
     new containers.LightVivaConnectionsContainer("Viva Connections - Light", "containers/viva-connections-container-light.css"),
     new containers.DarkCortanaContainer("Cortana Skills - Dark", "containers/cortana-container-dark.css"),
     new containers.LightCortanaContainer("Cortana Skills - Light", "containers/cortana-container-light.css"),