diff --git a/theme/boost/scss/moodle/tertiarynavigation.scss b/theme/boost/scss/moodle/tertiarynavigation.scss
index 625b27d824a..0e5eed6b2bb 100644
--- a/theme/boost/scss/moodle/tertiarynavigation.scss
+++ b/theme/boost/scss/moodle/tertiarynavigation.scss
@@ -11,8 +11,8 @@
         margin-bottom: 25px;
     }
 
-    .navitem:not(:last-child) {
-        margin-right: 20px;
+    .row {
+        column-gap: 20px;
     }
 
     .tertiary-navigation-selector {
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index a3a29171ecc..7120d1ba330 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -21747,8 +21747,8 @@ div.editor_atto_toolbar button .icon {
   .tertiary-navigation > a.btn,
   .tertiary-navigation > div.urlselect {
     margin-bottom: 25px; }
-  .tertiary-navigation .navitem:not(:last-child) {
-    margin-right: 20px; }
+  .tertiary-navigation .row {
+    column-gap: 20px; }
   .tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
     padding: 0;
     font-size: 1.4rem;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index b65f629d986..85667cd7740 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -21693,8 +21693,8 @@ div.editor_atto_toolbar button .icon {
   .tertiary-navigation > a.btn,
   .tertiary-navigation > div.urlselect {
     margin-bottom: 25px; }
-  .tertiary-navigation .navitem:not(:last-child) {
-    margin-right: 20px; }
+  .tertiary-navigation .row {
+    column-gap: 20px; }
   .tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
     padding: 0;
     font-size: 1.4rem;