From 2d9c4f3bae9fd604dd278e9dd699e9001e3afd97 Mon Sep 17 00:00:00 2001
From: Catherine Lee <55311782+c298lee@users.noreply.github.com>
Date: Tue, 9 Apr 2024 19:24:58 -0400
Subject: [PATCH] backport feedback font configs

---
 packages/feedback/src/widget/Actor.css.ts  | 3 ++-
 packages/feedback/src/widget/Dialog.css.ts | 7 ++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/feedback/src/widget/Actor.css.ts b/packages/feedback/src/widget/Actor.css.ts
index 44bd60a3418e..1ac264d7e07f 100644
--- a/packages/feedback/src/widget/Actor.css.ts
+++ b/packages/feedback/src/widget/Actor.css.ts
@@ -13,7 +13,8 @@ export function createActorStyles(d: Document): HTMLStyleElement {
 
   border-radius: var(--border-radius);
   cursor: pointer;
-  font-size: 14px;
+  font-family: inherit;
+  font-size: var(--font-size);
   font-weight: 600;
   padding: 12px 16px;
   text-decoration: none;
diff --git a/packages/feedback/src/widget/Dialog.css.ts b/packages/feedback/src/widget/Dialog.css.ts
index b3924f00524a..140600f5b56b 100644
--- a/packages/feedback/src/widget/Dialog.css.ts
+++ b/packages/feedback/src/widget/Dialog.css.ts
@@ -108,14 +108,14 @@ export function createDialogStyles(d: Document): HTMLStyleElement {
 }
 
 .form__input {
-  font-family: inherit;
   line-height: inherit;
   background-color: var(--input-background);
   box-sizing: border-box;
   border: var(--input-border);
   border-radius: var(--form-content-border-radius);
   color: var(--input-foreground);
-  font-size: 14px;
+  font-family: inherit;
+  font-size: var(--font-size);
   font-weight: 500;
   padding: 6px 12px;
 }
@@ -140,7 +140,8 @@ export function createDialogStyles(d: Document): HTMLStyleElement {
   border: var(--cancel-border);
   border-radius: var(--form-content-border-radius);
   cursor: pointer;
-  font-size: 14px;
+  font-family: inherit;
+  font-size: var(--font-size);
   font-weight: 600;
   padding: 6px 16px;
 }