diff --git a/src/components/history-page/history-toolbar/history-view-mode-toggle-button.tsx b/src/components/history-page/history-toolbar/history-view-mode-toggle-button.tsx
index 5895a4994..78035c813 100644
--- a/src/components/history-page/history-toolbar/history-view-mode-toggle-button.tsx
+++ b/src/components/history-page/history-toolbar/history-view-mode-toggle-button.tsx
@@ -33,7 +33,7 @@ export const HistoryViewModeToggleButton: React.FC = () => {
     <ToggleButtonGroup
       type='radio'
       name='options'
-      dir='ltr'
+      dir='auto'
       value={historyToolbarState.viewState}
       className={'button-height'}
       onChange={onViewStateChange}>