diff --git a/src/components/AppBar/AppBar.tsx b/src/components/AppBar/AppBar.tsx
index b9a1540..e38fac5 100644
--- a/src/components/AppBar/AppBar.tsx
+++ b/src/components/AppBar/AppBar.tsx
@@ -74,9 +74,12 @@ export function AppBar({ onIconClick }: Props) {
   const networkIconColor = online
     ? "#3EE089"
     : "var(--codex-input-color-error)";
-  const nodesIconColor = codex.enabled
-    ? "#3EE089"
-    : "var(--codex-input-color-error)";
+  const nodesIconColor =
+    codex.enabled === false
+      ? "var(--codex-input-color-error)"
+      : persistence.enabled
+        ? "#3EE089"
+        : "var(--codex-input-color-warning)";
 
   return (
     <>
diff --git a/src/components/AppBar/appBar.css b/src/components/AppBar/appBar.css
index 084a830..9a6d877 100644
--- a/src/components/AppBar/appBar.css
+++ b/src/components/AppBar/appBar.css
@@ -26,7 +26,7 @@
     border-right-color: var(--codex-input-color-error);
   }
 
-  &.app-bar--no-persistence {
+  &.app-bar--no-persistence:not(.app-bar--offline) {
     border-right-color: rgb(var(--codex-color-warning));
   }