diff --git a/server/lib/consts.ts b/server/lib/consts.ts
index b014f849..d93cf224 100644
--- a/server/lib/consts.ts
+++ b/server/lib/consts.ts
@@ -2,7 +2,7 @@ import path from "path";
 import { fileURLToPath } from "url";
 
 // This is a placeholder value replaced by the build process
-export const APP_VERSION = "1.12.3";
+export const APP_VERSION = "1.13.0";
 
 export const __FILENAME = fileURLToPath(import.meta.url);
 export const __DIRNAME = path.dirname(__FILENAME);
diff --git a/src/components/LayoutSidebar.tsx b/src/components/LayoutSidebar.tsx
index 33778995..8006b6e8 100644
--- a/src/components/LayoutSidebar.tsx
+++ b/src/components/LayoutSidebar.tsx
@@ -154,7 +154,7 @@ export function LayoutSidebar({
                 </div>
             </div>
 
-            <div className="p-4 flex flex-col shrink-0">
+            <div className="p-4 pt-1 flex flex-col shrink-0">
                 {canShowProductUpdates && (
                     <div className="mb-3">
                         <ProductUpdates isCollapsed={isSidebarCollapsed} />
diff --git a/src/components/ProductUpdates.tsx b/src/components/ProductUpdates.tsx
index ac2c22d8..73aaaf25 100644
--- a/src/components/ProductUpdates.tsx
+++ b/src/components/ProductUpdates.tsx
@@ -180,33 +180,33 @@ function ProductUpdatesListPopup({
                     <div
                         className={cn(
                             "relative z-1 cursor-pointer block",
-                            "rounded-md border bg-muted p-2 py-3 w-full flex items-start gap-2 text-sm",
+                            "rounded-md border bg-muted p-2 py-3 w-full flex flex-col gap-2 text-sm",
                             "transition duration-300 ease-in-out",
                             "data-closed:opacity-0 data-closed:translate-y-full"
                         )}
                     >
-                        <div className="rounded-md bg-muted-foreground/20 p-2">
-                            <BellIcon className="flex-none size-4" />
-                        </div>
-                        <div className="flex flex-col gap-2 flex-1">
-                            <div className="flex justify-between items-center w-full">
+                        <div className="flex items-center gap-2">
+                            <div className="rounded-md bg-muted-foreground/20 p-2">
+                                <BellIcon className="flex-none size-4" />
+                            </div>
+                            <div className="flex justify-between items-center flex-1">
                                 <p className="font-medium text-start">
                                     {t("productUpdateWhatsNew")}
                                 </p>
-                                <div className="p-1 cursor-pointer ml-auto">
+                                <div className="p-1 cursor-pointer">
                                     <ChevronRightIcon className="size-4 flex-none" />
                                 </div>
                             </div>
-                            <small
-                                className={cn(
-                                    "text-start text-muted-foreground",
-                                    "overflow-hidden h-8",
-                                    "[-webkit-box-orient:vertical] [-webkit-line-clamp:2] [display:-webkit-box]"
-                                )}
-                            >
-                                {updates[0]?.contents}
-                            </small>
                         </div>
+                        <small
+                            className={cn(
+                                "text-start text-muted-foreground",
+                                "overflow-hidden h-8",
+                                "[-webkit-box-orient:vertical] [-webkit-line-clamp:2] [display:-webkit-box]"
+                            )}
+                        >
+                            {updates[0]?.contents}
+                        </small>
                     </div>
                 </PopoverTrigger>
             </Transition>
@@ -332,20 +332,31 @@ function NewVersionAvailable({
             <div
                 className={cn(
                     "relative z-2",
-                    "rounded-md border bg-muted p-2 py-3 w-full flex items-start gap-2 text-sm",
+                    "rounded-md border bg-muted p-2 py-3 w-full flex flex-col gap-2 text-sm",
                     "transition duration-300 ease-in-out",
                     "data-closed:opacity-0 data-closed:translate-y-full"
                 )}
             >
                 {version && (
                     <>
-                        <div className="rounded-md bg-muted-foreground/20 p-2">
-                            <RocketIcon className="flex-none size-4" />
-                        </div>
-                        <div className="flex flex-col gap-2">
-                            <p className="font-medium">
+                        <div className="flex items-center gap-2">
+                            <div className="rounded-md bg-muted-foreground/20 p-2">
+                                <RocketIcon className="flex-none size-4" />
+                            </div>
+                            <p className="font-medium flex-1">
                                 {t("pangolinUpdateAvailable")}
                             </p>
+                            <button
+                                className="p-1 cursor-pointer"
+                                onClick={() => {
+                                    setOpen(false);
+                                    onDimiss();
+                                }}
+                            >
+                                <XIcon className="size-4 flex-none" />
+                            </button>
+                        </div>
+                        <div className="flex flex-col gap-2">
                             <small className="text-muted-foreground">
                                 {t("pangolinUpdateAvailableInfo", {
                                     version: version.pangolin.latestVersion
@@ -362,15 +373,6 @@ function NewVersionAvailable({
                                 <ArrowRight className="flex-none size-3" />
                             </a>
                         </div>
-                        <button
-                            className="p-1 cursor-pointer"
-                            onClick={() => {
-                                setOpen(false);
-                                onDimiss();
-                            }}
-                        >
-                            <XIcon className="size-4 flex-none" />
-                        </button>
                     </>
                 )}
             </div>