diff --git a/components/common/UpdateNotice.js b/components/common/UpdateNotice.js
index bc6eacc4..a31c2abf 100644
--- a/components/common/UpdateNotice.js
+++ b/components/common/UpdateNotice.js
@@ -34,7 +34,7 @@ export default function UpdateNotice() {
           values={{ version: `v${latest}` }}
         />
       </div>
-      <ButtonLayout>
+      <ButtonLayout className={styles.buttons}>
         <Button size="xsmall" variant="action" onClick={handleViewClick}>
           <FormattedMessage id="label.view-details" defaultMessage="View details" />
         </Button>
diff --git a/components/common/UpdateNotice.module.css b/components/common/UpdateNotice.module.css
index 52a97c3b..52bac611 100644
--- a/components/common/UpdateNotice.module.css
+++ b/components/common/UpdateNotice.module.css
@@ -2,12 +2,17 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  padding-top: 10px;
-  font-size: var(--font-size-small);
-  font-weight: 600;
+  padding-top: 20px;
 }
 
 .message {
+  font-size: var(--font-size-small);
+  font-weight: 600;
+  flex: 1;
   text-align: center;
   margin-right: 20px;
 }
+
+.buttons {
+  flex: 0;
+}