diff --git a/djangoproject/scss/_dark-mode.scss b/djangoproject/scss/_dark-mode.scss
index 8ce0b24e4..9b48f131d 100644
--- a/djangoproject/scss/_dark-mode.scss
+++ b/djangoproject/scss/_dark-mode.scss
@@ -349,7 +349,6 @@ html[data-theme="light"] .theme-toggle .theme-label-when-light {
     line-height: 45px;
     text-align: center;
     margin: 4px 10px;
-    float: right;
 
     @include respond-min(768px) {
         display: none;
diff --git a/djangoproject/scss/_style.scss b/djangoproject/scss/_style.scss
index 08621d897..70ac5ad72 100644
--- a/djangoproject/scss/_style.scss
+++ b/djangoproject/scss/_style.scss
@@ -445,7 +445,10 @@ blockquote {
         }
     }
 }
-
+.right-action-icons{
+    float: right;
+    display: flex;
+}
 .container--flex {
     display: flex;
     align-items: center;
@@ -529,7 +532,6 @@ blockquote {
         color: var(--menu);
         cursor: pointer;
         display: block;
-        float: right;
         height: 45px;
         line-height: 48px;
         margin: 4px 10px;
diff --git a/djangoproject/templates/includes/header.html b/djangoproject/templates/includes/header.html
index 7a5cf5206..3ab1f7e5b 100644
--- a/djangoproject/templates/includes/header.html
+++ b/djangoproject/templates/includes/header.html
@@ -2,12 +2,14 @@
   <div class="container">
     <a class="logo" href="{% url 'homepage' %}">Django</a>
     <p class="meta">The web framework for perfectionists with deadlines.</p>
-    <button class="menu-button">
-      <i class="icon icon-reorder"></i>
-      <span class="visuallyhidden">Menu</span>
-    </button>
-    <div class="mobile-toggle">
-      {% include "includes/toggle_theme.html" %}
+    <div class="right-action-icons">
+      <div class="mobile-toggle">
+        {% include "includes/toggle_theme.html" %}
+      </div>
+      <button class="menu-button">
+        <i class="icon icon-reorder"></i>
+        <span class="visuallyhidden">Menu</span>
+      </button>
     </div>
     <div role="navigation">
       <ul>