diff --git a/net/web/src/User/Conversation/TopicItem/TopicItem.jsx b/net/web/src/User/Conversation/TopicItem/TopicItem.jsx
index 8e2ce9e9..e2e6a400 100644
--- a/net/web/src/User/Conversation/TopicItem/TopicItem.jsx
+++ b/net/web/src/User/Conversation/TopicItem/TopicItem.jsx
@@ -3,7 +3,7 @@ import { TopicItemWrapper } from './TopicItem.styled';
 import ReactResizeDetector from 'react-resize-detector';
 import { useTopicItem } from './useTopicItem.hook';
 import { Avatar } from 'avatar/Avatar';
-import { BranchesOutlined } from '@ant-design/icons';
+import { CommentOutlined } from '@ant-design/icons';
 
 export function TopicItem({ topic }) {
 
@@ -24,7 +24,7 @@ export function TopicItem({ topic }) {
           <div class={nameClass}>{ name }</div>
           <div>{ getTime(offset) }</div>
           <div class="comments">
-            <BranchesOutlined rotate="90" />
+            <CommentOutlined />
           </div>
         </div>
         <div class="message">{ state.message }</div>
@@ -34,6 +34,9 @@ export function TopicItem({ topic }) {
 }
 
 function getTime(offset) {
+  if (offset < 1) {
+    return ''
+  }
   if (offset < 60) {
     return Math.floor(offset) + "s";
   }
diff --git a/net/web/src/User/Conversation/TopicItem/TopicItem.styled.js b/net/web/src/User/Conversation/TopicItem/TopicItem.styled.js
index 7331b4f6..1aaec5be 100644
--- a/net/web/src/User/Conversation/TopicItem/TopicItem.styled.js
+++ b/net/web/src/User/Conversation/TopicItem/TopicItem.styled.js
@@ -6,10 +6,7 @@ export const TopicItemWrapper = styled.div`
   width: 100%;
   padding-left: 8px;
   padding-right: 8px;
-  &:hover {
-    background-color: #eeeeee;
-  }
-
+  
   .avatar {
     height: 32px;
     width: 32px;
diff --git a/net/web/src/User/SideBar/Contacts/Cards/Cards.styled.js b/net/web/src/User/SideBar/Contacts/Cards/Cards.styled.js
index 4022c5f5..25d8f7c1 100644
--- a/net/web/src/User/SideBar/Contacts/Cards/Cards.styled.js
+++ b/net/web/src/User/SideBar/Contacts/Cards/Cards.styled.js
@@ -17,6 +17,9 @@ export const CardItem = styled(List.Item)`
   padding-top: 4px;
   padding-bottom: 4px;
   cursor: pointer;
+  &:hover {
+    background-color: #f0f5e0;
+  }
 
   .item {
     width: 100%;
diff --git a/net/web/src/User/SideBar/Contacts/Cards/Registry/Registry.styled.js b/net/web/src/User/SideBar/Contacts/Cards/Registry/Registry.styled.js
index 45c83474..9a5310e3 100644
--- a/net/web/src/User/SideBar/Contacts/Cards/Registry/Registry.styled.js
+++ b/net/web/src/User/SideBar/Contacts/Cards/Registry/Registry.styled.js
@@ -54,7 +54,7 @@ export const RegistryItem = styled(List.Item)`
   padding-bottom: 4px;
   cursor: pointer;
   &:hover {
-    background-color: #eeeeee;
+    background-color: #f0f5e0;
   }
 `;
 
diff --git a/net/web/src/User/SideBar/Contacts/Channels/ChannelItem/ChannelItem.styled.js b/net/web/src/User/SideBar/Contacts/Channels/ChannelItem/ChannelItem.styled.js
index f306a1ff..fafffe8f 100644
--- a/net/web/src/User/SideBar/Contacts/Channels/ChannelItem/ChannelItem.styled.js
+++ b/net/web/src/User/SideBar/Contacts/Channels/ChannelItem/ChannelItem.styled.js
@@ -12,7 +12,7 @@ export const ChannelItemWrapper = styled(List.Item)`
   flex-direction: row;
   align-items: center;
   &:hover {
-    background-color: #eeeeee;
+    background-color: #f0f5e0;
   }
 `;
 
diff --git a/net/web/src/VirtualList/VirtualList.styled.js b/net/web/src/VirtualList/VirtualList.styled.js
index 673345e2..0c4176ea 100644
--- a/net/web/src/VirtualList/VirtualList.styled.js
+++ b/net/web/src/VirtualList/VirtualList.styled.js
@@ -30,6 +30,6 @@ export const VirtualItem = styled.div`
   width: 100%;
   overflow: hidden;
   &:hover {
-    background-color: #eeeeee;
+    background-color: #f0f5e0;
   }
 `;