diff --git a/src/display/change/pipeline/component.js b/src/display/change/pipeline/component.js
index f9d86159..6df2ee61 100644
--- a/src/display/change/pipeline/component.js
+++ b/src/display/change/pipeline/component.js
@@ -53,8 +53,8 @@ export const componentPipeline = {
   },
   text: {
     keys: ['text', 'split'],
-    handler: (component, config) => {
-      change.changeText(component, config);
+    handler: (component, config, options) => {
+      change.changeText(component, config, options);
       change.changePlacement(component, config); // Ensure placement is updated after text change
     },
   },
diff --git a/src/display/change/text.js b/src/display/change/text.js
index 03179c32..1126d28b 100644
--- a/src/display/change/text.js
+++ b/src/display/change/text.js
@@ -4,6 +4,7 @@ import { isConfigMatch, updateConfig } from './utils';
 export const changeText = (
   object,
   { text = object.config.text, split = object.config.split },
+  { theme },
 ) => {
   if (
     isConfigMatch(object, 'text', text) &&
@@ -15,7 +16,7 @@ export const changeText = (
   object.text = splitText(text, split);
 
   if (object.config?.style?.fontSize === 'auto') {
-    changeTextStyle(object, { style: { fontSize: 'auto' } });
+    changeTextStyle(object, { style: { fontSize: 'auto' } }, { theme });
   }
   updateConfig(object, { text, split });