diff --git a/src/renderer/components/notifications/notifications.scss b/src/renderer/components/notifications/notifications.scss
index 4b300edda6..7388abb1e8 100644
--- a/src/renderer/components/notifications/notifications.scss
+++ b/src/renderer/components/notifications/notifications.scss
@@ -15,7 +15,7 @@
 
   .notification {
     flex: 0 0;
-    padding: $padding;
+    padding: $padding * 1.5;
     border-radius: 3px;
     min-width: 350px;
     max-width: 35vw;
diff --git a/src/renderer/ipc/index.tsx b/src/renderer/ipc/index.tsx
index 991d9b7616..b9644f7404 100644
--- a/src/renderer/ipc/index.tsx
+++ b/src/renderer/ipc/index.tsx
@@ -34,14 +34,14 @@ function UpdateAvailableHandler(event: IpcRendererEvent, ...[backchannel, update
 
   Notifications.info(
     (
-      <>
+      <div className="flex column gaps">
         <b>Update Available</b>
         <p>Version {updateInfo.version} of Lens IDE is now available. Would you like to update?</p>
         <div className="flex gaps row align-left box grow">
           <RenderYesButtons backchannel={backchannel} notificationId={notificationId} />
           <Button active outlined label="No" onClick={() => sendToBackchannel(backchannel, notificationId, { doUpdate: false })} />
         </div>
-      </>
+      </div>
     ), {
       id: notificationId,
       onClose() {