diff --git a/netbox/project-static/dist/netbox-print.css b/netbox/project-static/dist/netbox-print.css
index b8420fd7e..d766e5f6e 100644
Binary files a/netbox/project-static/dist/netbox-print.css and b/netbox/project-static/dist/netbox-print.css differ
diff --git a/netbox/project-static/dist/netbox.css b/netbox/project-static/dist/netbox.css
index a6c49c83d..8ed4ecab4 100644
Binary files a/netbox/project-static/dist/netbox.css and b/netbox/project-static/dist/netbox.css differ
diff --git a/netbox/project-static/styles/_netbox.scss b/netbox/project-static/styles/_netbox.scss
index 7824d622d..7ca569a95 100644
--- a/netbox/project-static/styles/_netbox.scss
+++ b/netbox/project-static/styles/_netbox.scss
@@ -1,5 +1,4 @@
-// Entry for netbox-light.css stylesheet.
-
+@import 'variables';
 @import '../node_modules/@tabler/core/src/scss/_core.scss';
 //@import './theme-light.scss';
 //@import './select.scss';
diff --git a/netbox/project-static/styles/variables.scss b/netbox/project-static/styles/variables.scss
index 8075cf5b0..547931622 100644
--- a/netbox/project-static/styles/variables.scss
+++ b/netbox/project-static/styles/variables.scss
@@ -1,55 +1,3 @@
 // NetBox CSS Variables
 
-:root {
-  // Light Mode Variables.
-  --nbx-sidebar-bg: #{$gray-200};
-  --nbx-sidebar-scroll: #{$gray-500};
-  --nbx-sidebar-link-hover-bg: #{rgba($gray-600, 0.15)};
-  --nbx-sidebar-link-active-bg: #9cc8f8;
-  --nbx-sidebar-title-color: #{$text-muted};
-  --nbx-sidebar-shadow: inset 0px -25px 20px -25px rgba(0, 0, 0, 0.25);
-  --nbx-breadcrumb-bg: #{$light};
-  --nbx-body-bg: #{$white};
-  --nbx-body-color: #{$gray-800};
-  --nbx-pre-bg: #{$gray-100};
-  --nbx-pre-border-color: #{$gray-600};
-  --nbx-change-added: #{rgba($green, 0.4)};
-  --nbx-change-removed: #{rgba($red, 0.4)};
-  --nbx-cable-node-bg: #{$gray-100};
-  --nbx-cable-node-border-color: #{$gray-200};
-  --nbx-cable-termination-bg: #{$gray-200};
-  --nbx-cable-termination-border-color: #{$gray-300};
-  --nbx-search-filter-border-left-color: #{$gray-300};
-  --nbx-color-mode-toggle-color: #{$primary};
-  --nbx-sidenav-link-color: #{$gray-800};
-  --nbx-sidenav-pin-color: #{$orange};
-  --nbx-sidenav-parent-color: #{$gray-800};
-  --nbx-sidenav-group-color: #{$gray-800};
-
-  &[data-netbox-color-mode='dark'] {
-    // Dark Mode Variables.
-    --nbx-sidebar-bg: #{$gray-900};
-    --nbx-sidebar-scroll: #{$gray-700};
-    --nbx-sidebar-link-active-bg: #{rgba($blue-300, 0.25)};
-    --nbx-sidebar-link-hover-bg: #{rgba($gray-500, 0.15)};
-    --nbx-sidebar-title-color: #{$gray-600};
-    --nbx-sidebar-shadow: inset 0px -25px 20px -25px rgba(255, 255, 255, 0.05);
-    --nbx-breadcrumb-bg: #{$gray-800};
-    --nbx-body-bg: #{$darker};
-    --nbx-body-color: #{$gray-100};
-    --nbx-pre-bg: #{$gray-700};
-    --nbx-pre-border-color: #{$gray-600};
-    --nbx-change-added: #{rgba($green-300, 0.4)};
-    --nbx-change-removed: #{rgba($red-300, 0.4)};
-    --nbx-cable-node-bg: #{$gray-700};
-    --nbx-cable-node-border-color: #{$gray-600};
-    --nbx-cable-termination-bg: #{$gray-800};
-    --nbx-cable-termination-border-color: #{$gray-700};
-    --nbx-search-filter-border-left-color: #{$gray-600};
-    --nbx-color-mode-toggle-color: #{$yellow-300};
-    --nbx-sidenav-link-color: #{$gray-200};
-    --nbx-sidenav-pin-color: #{$yellow};
-    --nbx-sidenav-parent-color: #{$gray-200};
-    --nbx-sidenav-group-color: #{$gray-600};
-  }
-}
+$sidebar-width: 18rem;
diff --git a/netbox/utilities/templates/navigation/menu.html b/netbox/utilities/templates/navigation/menu.html
index c4da0478c..0f00e4a75 100644
--- a/netbox/utilities/templates/navigation/menu.html
+++ b/netbox/utilities/templates/navigation/menu.html
@@ -19,11 +19,11 @@
         <div class="dropdown-menu-columns">
           <div class="dropdown-menu-column">
             {% for group, items in groups %}
-              <div class="hr-text dropdown-item m-0 ps-2">
+              <div class="hr-text dropdown-item m-0 px-2">
                 <span>{{ group.label }}</span>
               </div>
               {% for item, buttons in items %}
-                <a class="dropdown-item ps-2" href="{% url item.link %}">
+                <a class="dropdown-item ps-3" href="{% url item.link %}">
                   {{ item.link_text }}
                 </a>
               {% endfor %}