diff --git a/nx-dev/ui-common/src/lib/announcement-banner.tsx b/nx-dev/ui-common/src/lib/announcement-banner.tsx
index a4fb3ac5c1..891d2ebb1e 100644
--- a/nx-dev/ui-common/src/lib/announcement-banner.tsx
+++ b/nx-dev/ui-common/src/lib/announcement-banner.tsx
@@ -4,7 +4,7 @@ export function AnnouncementBanner() {
   return (
     <div className="bg-slate-800">
       <div className="mx-auto max-w-7xl py-3 px-3 sm:px-6 lg:px-8">
-        <div className="pr-16 text-center sm:px-16">
+        <div className="text-center sm:px-16 sm:pr-16">
           <p className="text-sm font-medium text-white">
             <span className="md:hidden">
               <Link href="/conf">
@@ -17,7 +17,7 @@ export function AnnouncementBanner() {
               To your agenda! Nx Conf Lite is on 4/29, a free to attend
               conference that you don't want to miss!
             </span>
-            <span className="inline-block sm:ml-2">
+            <span className="ml-2 inline-block">
               <Link href="/conf">
                 <a className="font-bold text-white underline">
                   {' '}