From 221c5cf00b9907b6b8608afa2cf4df4dd11e7272 Mon Sep 17 00:00:00 2001
From: Greg Zaal <gregzzmail@gmail.com>
Date: Fri, 4 Oct 2024 15:23:50 +0200
Subject: [PATCH] Fix consent popup broken in RTL languages

---
 pages/_app.tsx | 42 ++++++++++++++++++++++--------------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/pages/_app.tsx b/pages/_app.tsx
index fbd6950..1ccedfa 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -63,26 +63,28 @@ We have a public API intended to help you integrate our assets into your softwar
           <Component {...pageProps} />
         </Layout>
 
-        <CookieConsent
-          onAccept={consentGranted}
-          buttonText="Got it!"
-          style={{
-            background: 'rgb(190, 111, 255)',
-            alignItems: 'center',
-            padding: '1em',
-            width: 'auto',
-          }}
-          buttonStyle={{
-            fontSize: '1.1em',
-            padding: '0.7em 1em',
-            fontWeight: 'bold',
-          }}
-        >
-          This website uses cookies to enhance the user experience.{' '}
-          <Link href="/privacy" style={{ color: 'white', textDecoration: 'underline' }}>
-            Learn more.
-          </Link>
-        </CookieConsent>
+        <div lang="en" dir="ltr">
+          <CookieConsent
+            onAccept={consentGranted}
+            buttonText="Got it!"
+            style={{
+              background: 'rgb(190, 111, 255)',
+              alignItems: 'center',
+              padding: '1em',
+              width: 'auto',
+            }}
+            buttonStyle={{
+              fontSize: '1.1em',
+              padding: '0.7em 1em',
+              fontWeight: 'bold',
+            }}
+          >
+            This website uses cookies to enhance the user experience.{' '}
+            <Link href="/privacy" style={{ color: 'white', textDecoration: 'underline' }}>
+              Learn more.
+            </Link>
+          </CookieConsent>
+        </div>
       </UserProvider>
     </>
   )