diff --git a/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css b/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css
index defc5a09..628c76ec 100644
--- a/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css
+++ b/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css
@@ -5,6 +5,24 @@
  * to be used throughout Alliance Auth and its Community Apps
  */
 
+/* General
+------------------------------------------------------------------------------------- */
+@media all {
+    .navbar-toggler.collapsed {
+        transform: rotate(180deg);
+    }
+
+    ul#nav-right:has(li) + ul#nav-right-character-control > li:first-child {
+        display: list-item !important;
+    }
+}
+
+@media all and (max-width: 991px) {
+    ul#nav-left:has(li) + ul#nav-right + ul#nav-right-character-control > li:first-child {
+        display: list-item !important;
+    }
+}
+
 /* Bootstrap fixes
 ------------------------------------------------------------------------------------- */
 @media all {
diff --git a/allianceauth/templates/allianceauth/base-bs5.html b/allianceauth/templates/allianceauth/base-bs5.html
index 3da6965a..d0f6178a 100644
--- a/allianceauth/templates/allianceauth/base-bs5.html
+++ b/allianceauth/templates/allianceauth/base-bs5.html
@@ -24,13 +24,11 @@
         {% include 'bundles/auth-framework-css.html' %}
 
         <style>
-            .navbar-toggler.collapsed{
-                transform: rotate(180deg);
-            }
-
-            .nav-padding {
-                margin-top: {% header_padding_size %} !important;
-                max-height: calc(100vh - {% header_padding_size %}) !important;
+            @media all {
+                .nav-padding {
+                    margin-top: {% header_padding_size %} !important;
+                    max-height: calc(100vh - {% header_padding_size %}) !important;
+                }
             }
         </style>
 
@@ -63,6 +61,11 @@
                     </ul>
 
                     <ul id="nav-right-character-control" class="nav navbar-nav">
+                        <li class="nav-item ms-lg-2 py-2 py-lg-1 col-12 col-lg-auto d-none">
+                            <div class="vr d-none d-lg-flex h-100 mx-2 text-white-50"></div>
+                            <hr class="d-lg-none my-2 text-body text-white-50">
+                        </li>
+
                         {% block header_nav_user_character_control %} <!-- Default to add char and swap main -->
                             {% include 'allianceauth/top-menu-rh-default.html' %}
                         {% endblock %}