diff --git a/website/src/_includes/navbar.html b/website/src/_includes/navbar.html
index 49836649e1..5b4de5a9e5 100644
--- a/website/src/_includes/navbar.html
+++ b/website/src/_includes/navbar.html
@@ -125,7 +125,7 @@
 
         {% if 'blog' not in page.url %}
         <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">
+            <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 whitespace-nowrap">
                 {% for language in languages.languages %}
                     {% if language.label == page.url | getlang %}
                         {% if language.flag %}
@@ -146,12 +146,12 @@
                             {% if language.label == supportedLang %}
                                 <li>
                                     {% if language.flag %}
-                                        <a href="{% completeRoute {url:page.url,lang:language.label} %}" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                        <a href="{% completeRoute {url:page.url,lang:language.label} %}" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
                                             <img class="h-4" src="{{ language.flag }}" alt="" srcset="">
                                             <p>{{ language.name }}</p>
                                         </a>
                                     {% else %}
-                                        <a href="{% completeRoute {url:page.url,lang:language.label} %}" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                        <a href="{% completeRoute {url:page.url,lang:language.label} %}" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
                                             <div class="flex items-center justify-center" style="background-color:{{ language.iconBg }}; color:{{ language.textColor }}; width:21.33px; height:16px">
                                                 <p style="text-align:center; font-size:7px">{{ language.iconText }}</p>
                                             </div>
@@ -167,12 +167,12 @@
                         {% if language.enabled %}
                             <li>
                                 {% if language.flag %}
-                                    <a href="{% completeRoute {url:page.url,lang:language.label} %}" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                    <a href="{% completeRoute {url:page.url,lang:language.label} %}" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
                                         <img class="h-4" src="{{ language.flag }}" alt="" srcset="">
                                         <p>{{ language.name }}</p>
                                     </a>
                                 {% else %}
-                                    <a href="{% completeRoute {url:page.url,lang:language.label} %}" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                    <a href="{% completeRoute {url:page.url,lang:language.label} %}" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
                                         <div class="flex items-center justify-center" style="background-color:{{ language.iconBg }}; color:{{ language.textColor }}; width:21.33px; height:16px">
                                             <p style="text-align:center; font-size:7px">{{ language.iconText }}</p>
                                         </div>