From fdadaddab74ede775e16bef46f17fd02e1ad0653 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Tue, 25 May 2021 18:51:50 -0700
Subject: [PATCH] Fixed placement of modals.

---
 components/layout/Layout.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/layout/Layout.js b/components/layout/Layout.js
index 7b19a819..84f454c5 100644
--- a/components/layout/Layout.js
+++ b/components/layout/Layout.js
@@ -7,6 +7,7 @@ import { rtlLocales } from 'lib/lang';
 
 export default function Layout({ title, children, header = true, footer = true }) {
   const [locale] = useLocale();
+  const dir = rtlLocales.includes(locale) ? 'rtl' : 'ltr';
 
   return (
     <>
@@ -15,11 +16,11 @@ export default function Layout({ title, children, header = true, footer = true }
       </Head>
 
       {header && <Header />}
-      <main className="container" dir={rtlLocales.includes(locale) ? 'rtl' : 'ltr'}>
+      <main className="container" dir={dir}>
         {children}
       </main>
       {footer && <Footer />}
-      <div id="__modals" />
+      <div id="__modals" dir={dir} />
     </>
   );
 }