diff --git a/changes/10801-responsive-nav-bar b/changes/10801-responsive-nav-bar
new file mode 100644
index 0000000000..e213647716
--- /dev/null
+++ b/changes/10801-responsive-nav-bar
@@ -0,0 +1 @@
+- Fleet UI: Nav bar buttons responsively resize when small screen widths cannot fit default size nav bar
\ No newline at end of file
diff --git a/frontend/components/top_nav/SiteTopNav/_styles.scss b/frontend/components/top_nav/SiteTopNav/_styles.scss
index ad10b4aad9..bdf0ef2e9c 100644
--- a/frontend/components/top_nav/SiteTopNav/_styles.scss
+++ b/frontend/components/top_nav/SiteTopNav/_styles.scss
@@ -71,6 +71,11 @@
     color: $core-white;
     padding: 15px 24px;
     text-decoration: none;
+
+    // Prevents user menu from overlapping with nav bar buttons
+    @media (max-width: 825px) {
+      padding: 15px 18px;
+    }
   }
 
   &__logo-wrapper {