diff --git a/web/pages/index.tsx b/web/pages/index.tsx
index 963ce6310..43693a123 100644
--- a/web/pages/index.tsx
+++ b/web/pages/index.tsx
@@ -23,6 +23,7 @@ import {
   FETCH_INTERVAL,
 } from "../utils/apis";
 import { formatIPAddress, isEmptyObject } from "../utils/format";
+import OwncastLogo from "./components/logo"
 
 const { Title } = Typography;
 
@@ -30,7 +31,10 @@ function Offline() {
   return (
     <div>
       <Empty
-        image={Empty.PRESENTED_IMAGE_SIMPLE}
+        image={<OwncastLogo />}
+        imageStyle={{
+          height: 60,
+        }}
         description={
           <span>There is no stream currently active. Start one.</span>
         }