Fix consent popup broken in RTL languages

Poly-Haven · Oct 4, 2024 · 221c5cf · 221c5cf
1 parent 3bfc3e8
commit 221c5cf
Showing 1 changed file with 22 additions and 20 deletions.
diff --git 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>
     </>
   )