Fix mobile logo styling

app/components/layout/index.module.css

@@ -176,17 +176,5 @@
 @media screen and (max-width: 599px) {
 	.mobileLogo {
 		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		width: 40px;
-		height: 36px;
-		background-color: var(--color-accent);
-		border-radius: var(--radius-field);
-		font-weight: var(--weight-bold);
-		color: var(--color-text);
-		text-decoration: none;
-		flex-shrink: 0;
-		line-height: 1;
 	}
 }

app/components/layout/index.tsx

@@ -342,7 +342,9 @@ export function Layout({
 						transform: `translateY(${navOffset}px)`,
 					}}
 				>
-					<MobileLogo />
+					<Link to="/" className={clsx(styles.siteLogo, styles.mobileLogo)}>
+						<SiteLogoContent />
+					</Link>
 					{sideNavCollapsed ? (
 						<div className={styles.headerCollapsedBreadcrumbs}>
 							<SiteTitle />
@@ -415,14 +417,6 @@ function SiteLogoContent() {
 	);
 }
 
-function MobileLogo() {
-	return (
-		<Link to="/" className={styles.mobileLogo}>
-			<SiteLogoContent />
-		</Link>
-	);
-}
-
 function SideNavCollapseButton({ onToggle }: { onToggle: () => void }) {
 	return (
 		<SendouButton