1 files changed, 6 insertions, 1 deletions

diff --git a/packages/renderer/src/components/locationBar/LocationOverlayInput.tsx b/packages/renderer/src/components/locationBar/LocationOverlayInput.tsx
index a09cc57..cbb5b06 100644
--- a/packages/renderer/src/components/locationBar/LocationOverlayInput.tsx
+++ b/packages/renderer/src/components/locationBar/LocationOverlayInput.tsx
@@ -34,6 +34,8 @@ const LocationOverlayInputRoot = styled('div', {
 })<{ overlayVisible: boolean }>(({ theme, overlayVisible }) => {
   const itemStyle = {
     padding: '6px 0 7px 0',
+    // Set text alignment explicitly so it can be flipped by `stylis-plugin-rtl`.
+    textAlign: 'left',
   };
   return {
     display: 'flex',
@@ -86,12 +88,15 @@ const LocationOverlayInput = forwardRef(
       <input
         ref={ref}
         className={`${className ?? ''} ${inputClassName}`}
+        dir="ltr"
         {...props}
       />
       {/* eslint-enable react/jsx-props-no-spreading */}
       {overlayVisible && (
         <div aria-hidden className={`${className ?? ''} ${overlayClassName}`}>
-          <div className={clipClassName}>{overlay}</div>
+          <div className={clipClassName} dir="ltr">
+            {overlay}
+          </div>
         </div>
       )}
     </LocationOverlayInputRoot>