diff --git a/app/css/components/exercise-header.css b/app/css/components/exercise-header.css
index 57717741a1..524fe217da 100644
--- a/app/css/components/exercise-header.css
+++ b/app/css/components/exercise-header.css
@@ -23,6 +23,7 @@
     }
     & .update-bar {
         background: var(--backgroundColorCAlert);
+        @apply text-left;
         @apply border-2 border-lightGold rounded-8;
         @apply py-10 px-24;
         @apply text-textColor2 text-16 leading-160 font-semibold;
@@ -35,7 +36,7 @@
         }
 
         & .faux-link {
-            @apply text-prominentLinkColor ml-auto;
+            @apply text-prominentLinkColor ml-auto text-right md:block contents;
         }
     }
 
diff --git a/app/javascript/components/student/UpdateExerciseNotice.tsx b/app/javascript/components/student/UpdateExerciseNotice.tsx
index bc1455f408..68d0553dba 100644
--- a/app/javascript/components/student/UpdateExerciseNotice.tsx
+++ b/app/javascript/components/student/UpdateExerciseNotice.tsx
@@ -21,7 +21,7 @@ export default function UpdateExerciseNotice({
       >
         <Icon icon="warning" alt="Warning" />
         This exercise has been updated. Update to the latest version and see if
-        your tests still pass.
+        your tests still pass.&nbsp;
         <div className="faux-link">See what&apos;s changed…</div>
       </button>
       <ExerciseUpdateModal