diff --git a/ui/lib/apps/SearchLogs/components/SearchResult.tsx b/ui/lib/apps/SearchLogs/components/SearchResult.tsx
index 9f4642bfb7..544322e316 100644
--- a/ui/lib/apps/SearchLogs/components/SearchResult.tsx
+++ b/ui/lib/apps/SearchLogs/components/SearchResult.tsx
@@ -27,8 +27,8 @@ function componentRender({ component: target }) {
   return (
     <TextWrap>
       {target.kind ? InstanceKindName[target.kind] : '?'}{' '}
-      <Tooltip title={target.ip}>
-        <span>{target.ip}</span>
+      <Tooltip title={target.display_name}>
+        <span>{target.display_name}</span>
       </Tooltip>
     </TextWrap>
   )
diff --git a/ui/lib/apps/SearchLogs/index.meta.ts b/ui/lib/apps/SearchLogs/index.meta.ts
index da67f4dce0..15337190c8 100644
--- a/ui/lib/apps/SearchLogs/index.meta.ts
+++ b/ui/lib/apps/SearchLogs/index.meta.ts
@@ -1,9 +1,9 @@
-import { FileTextOutlined } from '@ant-design/icons'
+import { FileSearchOutlined } from '@ant-design/icons'
 
 export default {
   id: 'search_logs',
   routerPrefix: '/search_logs',
-  icon: FileTextOutlined,
+  icon: FileSearchOutlined,
   translations: require.context('./translations/', false, /\.yaml$/),
   reactRoot: () => import(/* webpackChunkName: "app_search_logs" */ '.'),
 }