diff --git a/webclient-vue/src/features/areas/components/AreaTreeNode.vue b/webclient-vue/src/features/areas/components/AreaTreeNode.vue
index 618311e..5173122 100644
--- a/webclient-vue/src/features/areas/components/AreaTreeNode.vue
+++ b/webclient-vue/src/features/areas/components/AreaTreeNode.vue
@@ -22,10 +22,10 @@
       <div class="area-tree-actions">
         <GnButton
           :variant="isFavorite ? 'warning' : 'secondary'"
-          :icon="isFavorite ? 'ph-star' : 'ph-star'"
+          :icon="isFavorite ? 'ph-bookmark-simple' : 'ph-bookmark'"
           @click.stop="favoritesStore.toggle(area.id)"
         >
-          {{ isFavorite ? "Unstar" : "Star" }}
+          {{ isFavorite ? "Remove bookmark" : "Bookmark" }}
         </GnButton>
       </div>
     </article>
diff --git a/webclient-vue/src/features/areas/components/__tests__/AreaTreeNode.spec.js b/webclient-vue/src/features/areas/components/__tests__/AreaTreeNode.spec.js
index f448308..39815fc 100644
--- a/webclient-vue/src/features/areas/components/__tests__/AreaTreeNode.spec.js
+++ b/webclient-vue/src/features/areas/components/__tests__/AreaTreeNode.spec.js
@@ -104,7 +104,7 @@
 
     expect(store.has(1)).toBe(false);
 
-    wrapper.findAll("button").find((btn) => btn.text().includes("Star"))?.trigger("click");
+    wrapper.findAll("button").find((btn) => btn.text().includes("Bookmark"))?.trigger("click");
 
     expect(store.has(1)).toBe(true);
   });
diff --git a/webclient-vue/src/features/areas/pages/AreaDetailPage.vue b/webclient-vue/src/features/areas/pages/AreaDetailPage.vue
index a585e5f..f0e7935 100644
--- a/webclient-vue/src/features/areas/pages/AreaDetailPage.vue
+++ b/webclient-vue/src/features/areas/pages/AreaDetailPage.vue
@@ -184,8 +184,8 @@
     onSelect: openAssign,
   },
   {
-    label: isFavorite.value ? "Unstar" : "Star",
-    icon: "ph-star",
+    label: isFavorite.value ? "Remove bookmark" : "Bookmark",
+    icon: isFavorite.value ? "ph-bookmark-simple" : "ph-bookmark",
     onSelect: () => favoritesStore.toggle(area.value?.id),
   },
   { label: "Remove", icon: "ph-trash", danger: true, onSelect: openRemove },
diff --git a/webclient-vue/src/features/areas/pages/AreaFavoritesPage.vue b/webclient-vue/src/features/areas/pages/AreaFavoritesPage.vue
index 1f2bb71..02562e7 100644
--- a/webclient-vue/src/features/areas/pages/AreaFavoritesPage.vue
+++ b/webclient-vue/src/features/areas/pages/AreaFavoritesPage.vue
@@ -29,7 +29,7 @@
       >
         <article class="area-favorite-card" @click="goToDetail(area)">
           <div class="area-favorite-icon">
-            <i class="ph ph-map-trifold" />
+            <i class="ph ph-bookmarks" />
           </div>
 
           <div class="area-favorite-info">