Fix broken Fediverse logo in admin. Closes #2380

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"
+          src={FediverseIcon.src}
-          width="15rem"
+          width="17rem"
           style={{ opacity: 0.6, position: 'relative', top: '-1px' }}
         />
       ),