diff --git a/src/containers/LearnerDashboardHeader/AuthenticatedUserDropdown.jsx b/src/containers/LearnerDashboardHeader/AuthenticatedUserDropdown.jsx
index 34e4e5d..6a0e46c 100644
--- a/src/containers/LearnerDashboardHeader/AuthenticatedUserDropdown.jsx
+++ b/src/containers/LearnerDashboardHeader/AuthenticatedUserDropdown.jsx
@@ -21,7 +21,7 @@ export const AuthenticatedUserDropdown = ({ username }) => {
   const isCollapsed = useIsCollapsed();
 
   return (
-    <Dropdown variant={isCollapsed ? 'light' : 'dark'} className="user-dropdown">
+    <Dropdown variant={isCollapsed ? 'light' : 'dark'} className="user-dropdown ml-1">
       <Dropdown.Toggle
         as={AvatarButton}
         src={profileImage}
diff --git a/src/containers/LearnerDashboardHeader/__snapshots__/AuthenticatedUserDropdown.test.jsx.snap b/src/containers/LearnerDashboardHeader/__snapshots__/AuthenticatedUserDropdown.test.jsx.snap
index e4c3d5b..09920d5 100644
--- a/src/containers/LearnerDashboardHeader/__snapshots__/AuthenticatedUserDropdown.test.jsx.snap
+++ b/src/containers/LearnerDashboardHeader/__snapshots__/AuthenticatedUserDropdown.test.jsx.snap
@@ -2,7 +2,7 @@
 
 exports[`AuthenticatedUserDropdown snapshots with enterprise dashboard 1`] = `
 <Dropdown
-  className="user-dropdown"
+  className="user-dropdown ml-1"
   variant="light"
 >
   <Dropdown.Toggle
@@ -78,7 +78,7 @@ exports[`AuthenticatedUserDropdown snapshots with enterprise dashboard 1`] = `
 
 exports[`AuthenticatedUserDropdown snapshots without enterprise dashboard and expanded 1`] = `
 <Dropdown
-  className="user-dropdown"
+  className="user-dropdown ml-1"
   variant="dark"
 >
   <Dropdown.Toggle