diff --git a/app/javascript/controllers/bridge/text_size_controller.js b/app/javascript/controllers/bridge/text_size_controller.js
new file mode 100644
index 000000000..a464b8d45
--- /dev/null
+++ b/app/javascript/controllers/bridge/text_size_controller.js
@@ -0,0 +1,25 @@
+import { BridgeComponent } from "@hotwired/hotwire-native-bridge"
+
+export default class extends BridgeComponent {
+  static component = "text-size"
+
+  connect() {
+    super.connect()
+    this.notifyBridgeOfConnect()
+  }
+
+  disconnect() {
+    super.disconnect()
+    this.send("disconnect")
+  }
+
+  notifyBridgeOfConnect() {
+    this.send("connect", {}, message => {
+      this.#setTextSize(message.data)
+    })
+  }
+
+  #setTextSize(data) {
+    document.documentElement.dataset.textSize = data.textSize
+  }
+}