diff --git a/web/components/MainLayout.tsx b/web/components/MainLayout.tsx
index 7426fab5b..e1d799ca8 100644
--- a/web/components/MainLayout.tsx
+++ b/web/components/MainLayout.tsx
@@ -31,6 +31,8 @@ import { TEXTFIELD_PROPS_STREAM_TITLE } from '../utils/config-constants';
 import { ComposeFederatedPost } from './ComposeFederatedPost';
 import { UpdateArgs } from '../types/config-section';
 
+import FediverseIcon from '../assets/images/fediverse-black.png';
+
 export type MainLayoutProps = {
   children: ReactNode;
 };
@@ -226,8 +228,8 @@ export const MainLayout: FC<MainLayoutProps> = ({ children }) => {
       icon: (
         <img
           alt="fediverse icon"
-          src="/admin/fediverse-white.png"
-          width="15rem"
+          src={FediverseIcon.src}
+          width="17rem"
           style={{ opacity: 0.6, position: 'relative', top: '-1px' }}
         />
       ),