diff --git a/frontend/app/onboarding/onboarding-command.tsx b/frontend/app/onboarding/onboarding-command.tsx
index de9bbe274b..783f544e51 100644
--- a/frontend/app/onboarding/onboarding-command.tsx
+++ b/frontend/app/onboarding/onboarding-command.tsx
@@ -3,6 +3,7 @@
 
 import { useCallback, useLayoutEffect, useState } from "react";
 import { FakeBlock } from "./onboarding-layout";
+import waveLogo from "/logos/wave-logo.png";
 
 export type CommandRevealProps = {
     command: string;
@@ -107,7 +108,7 @@ Use Ctrl-Shift + Number (1-9) to focus a specific block by its position.`;
 export const ViewLogoCommand = ({ onComplete }: { onComplete?: () => void }) => {
     return (
         <FakeCommand command="wsh view public/wave-logo.png" onComplete={onComplete}>
-            <FakeBlock icon="image" name="wave-logo.png" imgsrc="/logos/wave-logo.png" />
+            <FakeBlock icon="image" name="wave-logo.png" imgsrc={waveLogo} />
         </FakeCommand>
     );
 };
diff --git a/frontend/app/tab/tabbar.scss b/frontend/app/tab/tabbar.scss
index e36139cc35..dfd4df94f4 100644
--- a/frontend/app/tab/tabbar.scss
+++ b/frontend/app/tab/tabbar.scss
@@ -85,6 +85,8 @@
         display: flex;
         flex-direction: row;
         gap: 6px;
+        height: 100%;
+        align-items: center;
         &:not(:empty) {
             margin-left: auto;
             margin-right: 6px;
diff --git a/frontend/app/tab/updatebanner.scss b/frontend/app/tab/updatebanner.scss
deleted file mode 100644
index 9106395e9d..0000000000
--- a/frontend/app/tab/updatebanner.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.wave-button {
-    color: black;
-    background-color: var(--accent-color);
-    flex: 0 0 fit-content;
-    line-height: unset !important;
-    padding: 0 6px;
-    &:disabled {
-        opacity: unset !important;
-    }
-}
diff --git a/frontend/app/tab/updatebanner.tsx b/frontend/app/tab/updatebanner.tsx
index f4b74685f8..e14cc561ba 100644
--- a/frontend/app/tab/updatebanner.tsx
+++ b/frontend/app/tab/updatebanner.tsx
@@ -2,10 +2,9 @@ import { Button } from "@/element/button";
 import { atoms, getApi } from "@/store/global";
 import { useAtomValue } from "jotai";
 import { forwardRef, memo, useEffect, useState } from "react";
-import "./updatebanner.scss";
 
 const UpdateStatusBannerComponent = forwardRef<HTMLButtonElement>((_, ref) => {
-    const appUpdateStatus = useAtomValue(atoms.updaterStatusAtom);
+    let appUpdateStatus = useAtomValue(atoms.updaterStatusAtom);
     let [updateStatusMessage, setUpdateStatusMessage] = useState<string>();
     const [dismissBannerTimeout, setDismissBannerTimeout] = useState<NodeJS.Timeout>();
 
@@ -55,7 +54,7 @@ const UpdateStatusBannerComponent = forwardRef<HTMLButtonElement>((_, ref) => {
     if (updateStatusMessage) {
         return (
             <Button
-                className="update-available-banner"
+                className="text-black bg-[var(--accent-color)] flex-[0_0_fit-content] !h-full !px-3 disabled:!opacity-[unset]"
                 title={appUpdateStatus === "ready" ? "Click to Install Update" : updateStatusMessage}
                 onClick={onClick}
                 disabled={appUpdateStatus !== "ready"}
diff --git a/package-lock.json b/package-lock.json
index 5f3f5932fb..51d7be2188 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "waveterm",
-    "version": "0.11.6",
+    "version": "0.12.0-beta.0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "waveterm",
-            "version": "0.11.6",
+            "version": "0.12.0-beta.0",
             "hasInstallScript": true,
             "license": "Apache-2.0",
             "workspaces": [