diff --git a/web/src/components/AppHeader.tsx b/web/src/components/AppHeader.tsx
index 62f4cac..05a74f2 100644
--- a/web/src/components/AppHeader.tsx
+++ b/web/src/components/AppHeader.tsx
@@ -20,12 +20,14 @@ import type { Lang } from "@/i18n/dict";
 import { TelemetryTicker } from "@/components/TelemetryTicker";
 import { useVersion } from "@/api/hooks";
 
+const PANEL_VERSION = __PANEL_VERSION__;
+
 export function AppHeader() {
   const { session, sudo } = useAuth();
   const { resolved, toggle: toggleTheme } = useTheme();
   const { t, lang, setLang } = useI18n();
   const navigate = useNavigate();
-  const panelVersion = useVersion().data;
+  const panelVersion = useVersion().data ?? PANEL_VERSION;
   const [searchFocused, setSearchFocused] = useState(false);
   const [langOpen, setLangOpen] = useState(false);
 
diff --git a/web/src/pages/Overview.tsx b/web/src/pages/Overview.tsx
index 2ac0679..a5220a9 100644
--- a/web/src/pages/Overview.tsx
+++ b/web/src/pages/Overview.tsx
@@ -28,6 +28,8 @@ import { AnimatedCounter } from "@/components/AnimatedCounter";
 import { cn, formatBytes, formatSpeed } from "@/lib/utils";
 import { SystemGauges } from "@/components/SystemGauges";
 
+const PANEL_VERSION = __PANEL_VERSION__;
+
 function fmtUptime(sec: number): string {
   const d = Math.floor(sec / 86400);
   const h = Math.floor((sec % 86400) / 3600);
@@ -105,7 +107,7 @@ export function Overview() {
   const { data, isLoading: overviewLoading } = useOverview();
   const sys = useSystem();
   const nodesQ = useNodes();
-  const panelVersion = useVersion().data;
+  const panelVersion = useVersion().data ?? PANEL_VERSION;
   const { t } = useI18n();
   const [trafficRange, setTrafficRange] = useState<TrafficRange>("24h");
   const trafficSeries = useTrafficSeries(trafficRange);