diff --git a/net/web/src/constants/Colors.js b/net/web/src/constants/Colors.js
index 26f8a14f..b927f0d6 100644
--- a/net/web/src/constants/Colors.js
+++ b/net/web/src/constants/Colors.js
@@ -47,7 +47,7 @@ export const LightTheme = {
   modalArea: '#eeeeee',
   itemArea: '#f4f4f4',
   inputArea: '#ffffff',
-  hoverArea: '#efefef',
+  hoverArea: '#cccccc',
   noticeArea: '#8fbea7',
   selectedArea: '#e8e8e8',
   enabledArea: '#448866',
@@ -76,7 +76,7 @@ export const DarkTheme = {
   modalArea: '#444444',
   itemArea: '#222222',
   inputArea: '#000000',
-  hoverArea: '#2f2f2f',
+  hoverArea: '#555555',
   noticeArea: '#8fbea7',
   selectedArea: '#333333',
   enabledArea: '#448866',
diff --git a/net/web/src/session/cards/useCards.hook.js b/net/web/src/session/cards/useCards.hook.js
index 0a40f2f7..87b1b2e6 100644
--- a/net/web/src/session/cards/useCards.hook.js
+++ b/net/web/src/session/cards/useCards.hook.js
@@ -64,7 +64,7 @@ export function useCards() {
       const node = profile?.node;
       const seal = profile?.seal;
       const token = detail?.token;
-      const handle = profile?.node ? `${profile.handle}@${profile.node}` : profile.handle;
+      const handle = profile?.node ? `${profile.handle}/${profile.node}` : profile.handle;
       const logo = profile?.imageSet ? card.actions.getCardImageUrl(item.id) : null;
       return { cardId, guid, updated, offsync, status, name, node, token, handle, logo, seal };
     });
diff --git a/todo b/todo
index 60b12b2e..237445e8 100644
--- a/todo
+++ b/todo
@@ -3,13 +3,7 @@ contact:
   - translation
   - detail layout
   - action buttons
-
-cards: 
-  - dark style
-  - translation
-  - alert name overlay
-  - @ symbol
-  - remove back
+  - show sync error message
 
 listing:
   - dark style