diff --git a/data/css/Web_Basic-Ash.css b/data/css/Web_Basic-Ash.css
index 91b31ec40ee..f991cc48d74 100644
--- a/data/css/Web_Basic-Ash.css
+++ b/data/css/Web_Basic-Ash.css
@@ -181,16 +181,10 @@ div#nav.wrappernav.ltr {
 div#nav.wrappernav.rtl {
     float: right;
 }
-/*
-div#nav ul li, #subnavigation ul li {
-    float: left;
-}
-*/
 div#nav ul li a, #subnavigation ul li a {
     display: block;
     font-size: smaller;
     font-weight: bold;
-    padding: 5px;
     border-bottom: solid 1px #EEE;
 }
 div#nav ul li a:hover, #subnavigation ul li a:hover {
@@ -210,12 +204,12 @@ div#nav ul li.CurrentSection a {
 }
 div#nav li.lang {
     font-family: sans-serif;
-    padding-top: .4em;
-    padding-bottom: .2em;
 }
 div#nav li.lang:hover > ul {
     visibility: visible;
     opacity: 1;
+    width: 80px;
+    padding-right: 5px;
 }
 div#nav ul.lang {
     position: absolute;
diff --git a/data/css/Web_Basic-Blue.css b/data/css/Web_Basic-Blue.css
index 2211485a3ea..89f9dd7d0ba 100644
--- a/data/css/Web_Basic-Blue.css
+++ b/data/css/Web_Basic-Blue.css
@@ -273,16 +273,10 @@ div#nav.wrappernav.ltr {
 div#nav.wrappernav.rtl {
     float: right;
 }
-/*
-div#nav ul li, #subnavigation ul li {
-    float: left;
-}
-*/
 div#nav ul li a, #subnavigation ul li a {
     display: block;
     font-size: smaller;
     font-weight: bold;
-    padding: 5px;
     border-bottom: solid 1px #EEE;
 }
 div#nav ul li a:hover, #subnavigation ul li a:hover {
@@ -308,6 +302,8 @@ div#nav li.lang {
 div#nav li.lang:hover > ul {
     visibility: visible;
     opacity: 1;
+    width: 80px;
+    padding-right: 5px;
 }
 div#nav ul.lang {
     position: absolute;
@@ -568,7 +564,6 @@ div#nav::after {
     }
     .lang > .lang {
         top: 0;
-        /* left: 100%; */
         margin-top: -6px;
         margin-left: -1px;
         -webkit-border-radius: 0 6px 6px 6px;
diff --git a/data/css/Web_Basic-Cypress.css b/data/css/Web_Basic-Cypress.css
index d3b07937c2a..656d7d02bb1 100644
--- a/data/css/Web_Basic-Cypress.css
+++ b/data/css/Web_Basic-Cypress.css
@@ -188,17 +188,11 @@ div#nav.rlt ul li {
 div#nav.ltr ul li {
     float: left;
 }
-/*
-div#nav ul li, #subnavigation ul li {
-    float: left;
-}
-*/
 div#nav ul li a, #subnavigation ul li a {
     display: block;
     font-size: smaller;
     font-weight: bold;
     color: #E0E6E0;
-    padding: 5px;
     border-bottom: solid 1px #454;
 }
 div#nav ul li a:hover, #subnavigation ul li a:hover {
@@ -229,6 +223,8 @@ div#nav li.lang {
 div#nav li.lang:hover > ul {
     visibility: visible;
     opacity: 1;
+    width: 80px;
+    padding-right: 5px;
 }
 div#nav ul.lang {
     position: absolute;
@@ -422,7 +418,6 @@ div#nav::after {
     }
     .lang > .lang {
         top: 0;
-        /* left: 100%; */
         margin-top: -6px;
         margin-left: -1px;
         -webkit-border-radius: 0 6px 6px 6px;
diff --git a/data/css/Web_Basic-Lilac.css b/data/css/Web_Basic-Lilac.css
index 4037b4c66e3..a4f7131e2ca 100644
--- a/data/css/Web_Basic-Lilac.css
+++ b/data/css/Web_Basic-Lilac.css
@@ -184,16 +184,10 @@ div#nav ul, #subnavigation ul {
 #subnavigation ul {
     border-bottom: solid 1px #669;
 }
-/*
-div#nav ul li, #subnavigation ul li {
-    float: left;
-}
-*/
 div#nav ul li a, #subnavigation ul li a {
     display: block;
     font-size: smaller;
     font-weight: bold;
-    padding: 5px;
     border-bottom: solid 1px #E0E0E9;
 }
 div#nav ul li a:hover, #subnavigation ul li a:hover {
@@ -221,6 +215,8 @@ div#nav li.lang {
 div#nav li.lang:hover > ul {
     visibility: visible;
     opacity: 1;
+    width: 80px;
+    padding-right: 5px;
 }
 div#nav ul.lang {
     position: absolute;
@@ -420,7 +416,6 @@ div#nav::after {
     }
     .lang > .lang {
         top: 0;
-        /* left: 100%; */
         margin-top: -6px;
         margin-left: -1px;
         -webkit-border-radius: 0 6px 6px 6px;
diff --git a/data/css/Web_Basic-Peach.css b/data/css/Web_Basic-Peach.css
index f4399032a8a..9879ce10231 100644
--- a/data/css/Web_Basic-Peach.css
+++ b/data/css/Web_Basic-Peach.css
@@ -184,16 +184,10 @@ div#nav ul, #subnavigation ul {
 #subnavigation ul {
     border-bottom: solid 1px #8C581C;
 }
-/*
-div#nav ul li, #subnavigation ul li {
-    float: left;
-}
-*/
 div#nav ul li a, #subnavigation ul li a {
     display: block;
     font-size: smaller;
     font-weight: bold;
-    padding: 5px;
     border-bottom: solid 1px #FFE09F;
 }
 div#nav ul li a:hover, #subnavigation ul li a:hover {
@@ -221,6 +215,8 @@ div#nav li.lang {
 div#nav li.lang:hover > ul {
     visibility: visible;
     opacity: 1;
+    width: 80px;
+    padding-right: 5px;
 }
 div#nav ul.lang {
     position: absolute;
diff --git a/data/css/Web_Basic-Spruce.css b/data/css/Web_Basic-Spruce.css
index c79b0ccb5a3..9cf1092b190 100644
--- a/data/css/Web_Basic-Spruce.css
+++ b/data/css/Web_Basic-Spruce.css
@@ -185,16 +185,10 @@ div#nav.wrappernav.ltr {
 div#nav.wrappernav.rtl {
     float: right;
 }
-/*
-div#nav ul li, #subnavigation ul li {
-    float: left;
-}
-*/
 div#nav ul li a, #subnavigation ul li a {
     display: block;
     font-size: smaller;
     font-weight: bold;
-    padding: 5px;
     border-bottom: solid 1px #EAEEF4;
 }
 div#nav ul li a:hover, #subnavigation ul li a:hover {
@@ -222,6 +216,8 @@ div#nav li.lang {
 div#nav li.lang:hover > ul {
     visibility: visible;
     opacity: 1;
+    width: 80px;
+    padding-right: 5px;
 }
 div#nav ul.lang {
     position: absolute;
diff --git a/data/css/Web_Mainz.css b/data/css/Web_Mainz.css
index fa7a8d55a16..b840ac00f79 100644
--- a/data/css/Web_Mainz.css
+++ b/data/css/Web_Mainz.css
@@ -183,11 +183,6 @@ div#nav.wrappernav.ltr {
 div#nav.wrappernav.rtl {
     float: right;
 }
-/*
-div#nav ul li, #subnavigation ul li {
-    float: left;
-}
-*/
 div#nav ul li a, #subnavigation ul li a {
     display: run-in;
     padding: 0.4em 0.8em 0.3em 0.8em;
@@ -217,6 +212,8 @@ div#nav li.lang {
 div#nav li.lang:hover > ul {
     visibility: visible;
     opacity: 1;
+    width: 80px;
+    padding-right: 5px;
 }
 div#nav ul.lang {
     position: absolute;
diff --git a/data/css/Web_Nebraska.css b/data/css/Web_Nebraska.css
index 718f614aa96..627db2e4886 100644
--- a/data/css/Web_Nebraska.css
+++ b/data/css/Web_Nebraska.css
@@ -309,6 +309,8 @@ div#nav li.lang {
 div#nav li.lang:hover > ul {
     visibility: visible;
     opacity: 1;
+    width: 80px;
+    padding-right: 5px;
 }
 div#nav ul.lang {
     position: absolute;
diff --git a/gramps/plugins/webreport/basepage.py b/gramps/plugins/webreport/basepage.py
index 6df802bdd98..1489864a524 100644
--- a/gramps/plugins/webreport/basepage.py
+++ b/gramps/plugins/webreport/basepage.py
@@ -222,11 +222,9 @@ def __init__(self, report, the_lang, the_title, gid=None):
             self.rlocale = report.set_locale(the_lang)
         else:
             self.rlocale = report.set_locale(report.options["trans"])
-        self.dir = False
+        self.dir = "ltr"
         if the_lang in ["he", "ar"]:
             self.dir = "rtl"
-        else:
-            self.dir = "ltr"
         self._ = self.rlocale.translation.sgettext
         self.colon = self._(":")  # Translators: needed for French, else ignore