diff --git a/CHANGELOG.md b/CHANGELOG.md
index dc9c04f59..d25ad5a96 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,6 +16,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - [client] Fixed an issue where trying to add a QnA KB manually after signing into Azure was causing the app to crash in PR [2066](https://github.com/microsoft/BotFramework-Emulator/pull/2066)
 - [client] Removed buble background on attachments [2067](https://github.com/microsoft/BotFramework-Emulator/pull/2067)
 - [client] Fixed an issue where the themes menu was empty on Windows & Linux in PR [2069](https://github.com/microsoft/BotFramework-Emulator/pull/2069)
+- [client] Fixed Web Chat suggestedActionBorder deprecation warning in PR [2070](https://github.com/microsoft/BotFramework-Emulator/pull/2070)
 
 - [client] Fixed an issue where pressing enter opens the Azure government website instead of connecting to the bot  [2073](https://github.com/microsoft/BotFramework-Emulator/pull/2073)
 
diff --git a/packages/app/client/src/ui/editor/emulator/parts/chat/webChatTheme.ts b/packages/app/client/src/ui/editor/emulator/parts/chat/webChatTheme.ts
index 67e22f1ef..b4f1ee5a2 100644
--- a/packages/app/client/src/ui/editor/emulator/parts/chat/webChatTheme.ts
+++ b/packages/app/client/src/ui/editor/emulator/parts/chat/webChatTheme.ts
@@ -53,7 +53,9 @@ export default {
   timestampColor: 'var(--webchat-timestamp-text)',
 
   suggestedActionBackground: 'var(--webchat-sa-bg)',
-  suggestedActionBorder: 'var(--webchat-sa-border)',
+  suggestedActionBorderColor: 'var(--webchat-sa-border-color)',
+  suggestedActionBorderStyle: 'var(--webchat-sa-border-style)',
+  suggestedActionBorderWidth: 'var(--webchat-sa-border-width)',
   suggestedActionTextColor: 'var(--webchat-sa-text)',
 
   transcriptOverlayButtonBackground: 'var(--webchat-transcript-overlay-bg)',
diff --git a/packages/app/client/src/ui/styles/themes/dark.css b/packages/app/client/src/ui/styles/themes/dark.css
index 08e544825..7a48632bc 100644
--- a/packages/app/client/src/ui/styles/themes/dark.css
+++ b/packages/app/client/src/ui/styles/themes/dark.css
@@ -57,7 +57,9 @@ html {
 
   /* suggested actions */
   --webchat-sa-bg: var(--webchat-bubble-bg);
-  --webchat-sa-border: solid 1px var(--neutral-4);
+  --webchat-sa-border-color: var(--neutral-4);
+  --webchat-sa-border-style: solid;
+  --webchat-sa-border-width: 1px;
   --webchat-sa-text: #3794FF;
 
   /* bot state button */
diff --git a/packages/app/client/src/ui/styles/themes/high-contrast.css b/packages/app/client/src/ui/styles/themes/high-contrast.css
index 687a65c71..3287233e6 100644
--- a/packages/app/client/src/ui/styles/themes/high-contrast.css
+++ b/packages/app/client/src/ui/styles/themes/high-contrast.css
@@ -56,7 +56,9 @@ html {
 
   /* suggested actions */
   --webchat-sa-bg: var(--webchat-bubble-bg);
-  --webchat-sa-border: solid 1px var(--neutral-4);
+  --webchat-sa-border-color: var(--neutral-4);
+  --webchat-sa-border-style: solid;
+  --webchat-sa-border-width: 1px;
   --webchat-sa-text: #3794FF;
 
   /* bot state button */
diff --git a/packages/app/client/src/ui/styles/themes/light.css b/packages/app/client/src/ui/styles/themes/light.css
index 9c1391a6c..9c7984e5e 100644
--- a/packages/app/client/src/ui/styles/themes/light.css
+++ b/packages/app/client/src/ui/styles/themes/light.css
@@ -55,7 +55,9 @@ html {
 
   /* suggested actions */
   --webchat-sa-bg: var(--webchat-bubble-bg);
-  --webchat-sa-border: none;
+  --webchat-sa-border-color: transparent;
+  --webchat-sa-border-style: solid;
+  --webchat-sa-border-width: 0;
   --webchat-sa-text: #3794FF;
 
   /* bot state button */