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;
 }