diff --git a/static/webui/index.html b/static/webui/index.html
index 71937337..fae24828 100644
--- a/static/webui/index.html
+++ b/static/webui/index.html
@@ -7,9 +7,9 @@
     <link rel="stylesheet" href="/webui/style.css" />
 </head>
 <body>
-    <nav class="navbar navbar-expand sticky-top bg-body-tertiary">
+    <nav class="navbar navbar-expand-lg sticky-top bg-body-tertiary">
         <div class="container">
-            <button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebar" aria-controls="sidebar" aria-label="Toggle sidebar">
+            <button class="navbar-toggler d-lg-none me-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebar" aria-controls="sidebar" aria-label="Toggle sidebar">
                 <span class="navbar-toggler-icon"></span>
             </button>
             <a class="navbar-brand">OpenWF WebUI</a>
@@ -49,7 +49,7 @@
     <div class="container pt-3 pb-3" id="main-view">
         <div class="offcanvas-lg offcanvas-start" tabindex="-1" id="sidebar" aria-labelledby="sidebarLabel">
             <div class="offcanvas-header">
-                <h5 class="offcanvas-title" id="sidebarLabel">Sidebar</h5>
+                <h5 class="offcanvas-title" id="sidebarLabel">OpenWF WebUI</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#sidebar" aria-label="Close"></button>
             </div>
             <div class="offcanvas-body">
diff --git a/static/webui/style.css b/static/webui/style.css
index 04379911..05677dd7 100644
--- a/static/webui/style.css
+++ b/static/webui/style.css
@@ -29,3 +29,13 @@ td.text-end > a > svg {
 .card-body {
     overflow: auto;
 }
+
+/* fixes for navbar on small resolutions due to not being navbar-expand */
+.navbar.sticky-top .navbar-nav {
+    flex-direction: row;
+}
+
+.dropdown-toggle {
+    padding-right: var(--bs-navbar-nav-link-padding-x);
+    padding-left: var(--bs-navbar-nav-link-padding-x);
+}
