diff --git a/website/src/_includes/layouts/article.html b/website/src/_includes/layouts/article.html
index 21c7575127..922d9905a1 100644
--- a/website/src/_includes/layouts/article.html
+++ b/website/src/_includes/layouts/article.html
@@ -1,5 +1,10 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="{{ page.url | getlang }}"
+    {% for language in languages.languages %}
+        {% if language.label == page.url | getlang %}
+            dir="{{ "rtl" if language.rtl else "ltr" }}"
+        {% endif %}
+    {% endfor %}>
 
   <head>
     <meta charset="UTF-8" />
diff --git a/website/src/_includes/navbar.html b/website/src/_includes/navbar.html
index 90b0991528..30cca05c59 100644
--- a/website/src/_includes/navbar.html
+++ b/website/src/_includes/navbar.html
@@ -95,7 +95,7 @@
         </nav>
 
         {% if 'blog' not in page.url %}
-        <div class="nav-link relative">
+        <div class="nav-link relative flag-container">
             <a href="javascript:void(0);" class="flex items-center justify-end ltr:ml-8 ltr:lg:ml-5 ltr:xl:ml-10 rtl:mr-8 rtl:lg:mr-5 rtl:xl:mr-10 h-6 w-8">
                 {% for language in languages.languages %}
                     {% if language.label == page.url | getlang %}
diff --git a/website/src/css/style.css b/website/src/css/style.css
index 3496b9dc93..83fd1a3eb2 100644
--- a/website/src/css/style.css
+++ b/website/src/css/style.css
@@ -293,6 +293,10 @@ header nav {
     opacity: 1;
     transform: translateX(0);
   }
+
+  .flag-container .sub-menu{
+    max-height: fit-content;
+  }
 }
 
 .lock-scroll {
