diff --git a/packages/feedback/src/core/components/Actor.css.ts b/packages/feedback/src/core/components/Actor.css.ts
index 38c542d6e1b7..de295e9fc1f4 100644
--- a/packages/feedback/src/core/components/Actor.css.ts
+++ b/packages/feedback/src/core/components/Actor.css.ts
@@ -23,9 +23,9 @@ export function createActorStyles(): HTMLStyleElement {
 
   border-radius: var(--border-radius);
   cursor: pointer;
-  font-size: 14px;
-  font-weight: 600;
   font-family: inherit;
+  font-size: var(--font-size);
+  font-weight: 600;
   padding: 12px 16px;
   text-decoration: none;
   z-index: 9000;
diff --git a/packages/feedback/src/modal/components/Dialog.css.ts b/packages/feedback/src/modal/components/Dialog.css.ts
index 72fe0bd59cb4..9a8e3dc8aa68 100644
--- a/packages/feedback/src/modal/components/Dialog.css.ts
+++ b/packages/feedback/src/modal/components/Dialog.css.ts
@@ -128,7 +128,7 @@ export function createDialogStyles(): HTMLStyleElement {
   border: var(--input-border);
   border-radius: var(--form-content-border-radius);
   color: var(--input-foreground);
-  font-size: 14px;
+  font-size: var(--font-size);
   font-weight: 500;
   padding: 6px 12px;
 }
@@ -153,10 +153,10 @@ export function createDialogStyles(): 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;
-  font-family: inherit;
 }
 .btn[disabled] {
   opacity: 0.6;