try adding the wave logo to header

frontend/app/tab/tabbar.less

@@ -29,7 +29,6 @@
     }
 
     .dev-label {
-        width: 26x;
         height: 100%;
         font-size: 26px;
         user-select: none;
@@ -40,6 +39,21 @@
         color: var(--accent-color);
     }
 
+    .prod-label {
+        font-size: 26px;
+        width: 1.25em;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        img {
+            height: 26px;
+            width: 26px;
+            margin-top: 4px;
+        }
+    }
+
     .add-tab-btn {
         width: 22px;
         height: 100%;

frontend/app/tab/tabbar.tsx

@@ -485,13 +485,19 @@ const TabBar = React.memo(({ workspace }: TabBarProps) => {
     };
 
     const tabsWrapperWidth = tabIds.length * tabWidthRef.current;
-    let devLabel: React.ReactNode = null;
+    let waveLabel: React.ReactNode = null;
     if (isDev()) {
-        devLabel = (
+        waveLabel = (
             <div className="dev-label">
                 <i className="fa fa-brands fa-dev fa-fw" />
             </div>
         );
+    } else {
+        waveLabel = (
+            <div className="prod-label">
+                <img src="/public/logos/wave-logo.png" />
+            </div>
+        );
     }
 
     function onUpdateAvailableClick() {
@@ -510,7 +516,7 @@ const TabBar = React.memo(({ workspace }: TabBarProps) => {
     return (
         <div ref={tabbarWrapperRef} className="tab-bar-wrapper">
             <WindowDrag ref={draggerLeftRef} className="left" />
-            {devLabel}
+            {waveLabel}
             <div className="tab-bar" ref={tabBarRef} data-overlayscrollbars-initialize>
                 <div className="tabs-wrapper" ref={tabsWrapperRef} style={{ width: `${tabsWrapperWidth}px` }}>
                     {tabIds.map((tabId, index) => {