diff --git a/ui/src/Nodes.svelte b/ui/src/Nodes.svelte
index 2972688..cfab405 100644
--- a/ui/src/Nodes.svelte
+++ b/ui/src/Nodes.svelte
@@ -58,6 +58,8 @@
             return $inactiveNodes.some((inactive) => node.num === inactive.num)
           case 'all':
             return true
+          case 'favorite':
+            return node.isFavorite === true
           case 'active':
           default:
             return node.num === $myNodeNum || !$inactiveNodes.some((inactive) => node.num === inactive.num)
@@ -163,6 +165,9 @@
         $nodeVisibilityMode = 'inactive'
         break
       case 'inactive':
+        $nodeVisibilityMode = 'favorite'
+        break
+      case 'favorite':
         $nodeVisibilityMode = 'all'
         break
       case 'all':
@@ -226,6 +231,7 @@
             class="text-xs font-normal ml-1 {
               $nodeVisibilityMode === 'active' ? 'btn-active' :
               $nodeVisibilityMode === 'inactive' ? 'btn-inactive' :
+              $nodeVisibilityMode === 'favorite' ? 'btn-favorite' :
               'btn'
             }"
           >
diff --git a/ui/src/app.css b/ui/src/app.css
index 5a957be..8a8c5b2 100644
--- a/ui/src/app.css
+++ b/ui/src/app.css
@@ -82,6 +82,10 @@ h1 {
   @apply px-2 py-0.5 bg-green-500/50 rounded text-blue-100 border-blue-500;
 }
 
+.btn-favorite {
+  @apply px-2 py-0.5 bg-orange-500/50 rounded text-orange-100 border-orange-500;
+}
+
 button:hover {
   @apply brightness-110;
 }