diff --git a/src/App.tsx b/src/App.tsx
index 1f133f9..79a54af 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,6 @@
 import { Route, Routes, useNavigate } from '@solidjs/router'
 import { Show, lazy, onMount } from 'solid-js'
+import { Footer } from '~/components/Footer'
 import { Header } from '~/components/Header'
 import { curTheme, selectedEndpoint } from '~/signals'
 
@@ -42,11 +43,7 @@ export const App = () => {
         </Routes>
       </div>
 
-      <footer class="footer footer-center hidden rounded bg-base-200 p-2 text-base-content sm:block">
-        <a href="https://github.com/metacubex/metacubexd" target="_blank">
-          metacubexd
-        </a>
-      </footer>
+      <Footer />
     </div>
   )
 }
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 0000000..88d9943
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,11 @@
+export const Footer = () => (
+  <footer class="footer footer-center hidden rounded bg-base-200 p-2 text-base-content sm:block">
+    <a
+      class="font-semibold"
+      href="https://github.com/metacubex/metacubexd"
+      target="_blank"
+    >
+      metacubexd
+    </a>
+  </footer>
+)
diff --git a/src/pages/Connections.tsx b/src/pages/Connections.tsx
index 22e9161..82685e0 100644
--- a/src/pages/Connections.tsx
+++ b/src/pages/Connections.tsx
@@ -116,7 +116,8 @@ export default () => {
     },
     {
       accessorKey: 'Host',
-      accessorFn: (row) => row.metadata.host,
+      accessorFn: (row) =>
+        row.metadata.host ? row.metadata.host : row.metadata.destinationIP,
     },
     {
       accessorKey: 'Rule',