diff --git a/allianceauth/templates/allianceauth/base-bs5.html b/allianceauth/templates/allianceauth/base-bs5.html
index 3da6965a..da6c4b16 100644
--- a/allianceauth/templates/allianceauth/base-bs5.html
+++ b/allianceauth/templates/allianceauth/base-bs5.html
@@ -24,7 +24,7 @@
         {% include 'bundles/auth-framework-css.html' %}
 
         <style>
-            .navbar-toggler.collapsed{
+            .navbar-toggler.collapsed {
                 transform: rotate(180deg);
             }
 
@@ -32,6 +32,15 @@
                 margin-top: {% header_padding_size %} !important;
                 max-height: calc(100vh - {% header_padding_size %}) !important;
             }
+
+            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;
+                }
+            }
         </style>
 
         {% block extra_css %}{% endblock extra_css %}
@@ -63,6 +72,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 %}