diff --git a/ts/routes/graphs/CalendarGraph.svelte b/ts/routes/graphs/CalendarGraph.svelte
index fed64587a0c..c8d0f4ff834 100644
--- a/ts/routes/graphs/CalendarGraph.svelte
+++ b/ts/routes/graphs/CalendarGraph.svelte
@@ -66,7 +66,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </script>
 
 <Graph {title}>
-    <InputBox>
+    <InputBox dir="ltr">
         <span>
             <button on:click={() => targetYear--} disabled={minYear >= targetYear}>
                 ◄
diff --git a/ts/routes/graphs/InputBox.svelte b/ts/routes/graphs/InputBox.svelte
index f6937b39a71..88dc68d6816 100644
--- a/ts/routes/graphs/InputBox.svelte
+++ b/ts/routes/graphs/InputBox.svelte
@@ -3,9 +3,12 @@ Copyright: Ankitects Pty Ltd and contributors
 License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="ts">
+    import { direction } from "@tslib/i18n";
+
+    export let dir = direction();
 </script>
 
-<div>
+<div {dir}>
     <slot />
 </div>