From 85bb86324b110543789e8ef9890ea5163e12f29d Mon Sep 17 00:00:00 2001
From: Ben Warzeski <bwarzeski@edx.org>
Date: Mon, 12 Sep 2022 10:54:19 -0400
Subject: [PATCH] fix: move menu to right on collapse

---
 src/containers/LearnerDashboardHeader/index.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/containers/LearnerDashboardHeader/index.jsx b/src/containers/LearnerDashboardHeader/index.jsx
index 63f3ae3..8b8ff22 100644
--- a/src/containers/LearnerDashboardHeader/index.jsx
+++ b/src/containers/LearnerDashboardHeader/index.jsx
@@ -28,7 +28,6 @@ export const LearnerDashboardHeader = () => {
       <div className="flex-column bg-primary">
         <header className="learner-dashboard-header">
           <div className="d-flex">
-            {isCollapsed && (<div className="my-auto ml-1"><UserMenu /></div>)}
             {(!isCollapsed) && (
               <Button variant="inverse-tertiary" iconBefore={Program}>
                 {formatMessage(messages.switchToProgram)}
@@ -37,7 +36,9 @@ export const LearnerDashboardHeader = () => {
             <div className="flex-grow-1">
               {isCollapsed && <GreetingBanner size="small" />}
             </div>
-            {!isCollapsed && (<UserMenu />)}
+            {isCollapsed
+              ? (<div className="my-auto ml-1"><UserMenu /></div>)
+              : (<UserMenu />)}
           </div>
         </header>
         {!isCollapsed && <GreetingBanner size="large" />}