Add gaps to sidebar footers

app/components/layout/index.module.css

@@ -242,6 +242,12 @@
 	}
 }
 
+@media screen and (max-width: 1474px) {
+	.sidebarFuseSpace {
+		padding-bottom: 90px;
+	}
+}
+
 .chatSidebarModalOverlay {
 	position: fixed;
 	inset: 0;

app/components/layout/index.tsx

@@ -302,6 +302,7 @@ export function Layout({
 	return (
 		<>
 			<SideNav
+				className={showLeaderboard ? styles.sidebarFuseSpace : undefined}
 				collapsed={sideNavCollapsed}
 				footer={sideNavFooterContent}
 				top={<SiteTitle />}
@@ -395,7 +396,12 @@ export function Layout({
 				<Footer />
 			</div>
 			{chatSidebarOpen ? (
-				<div className={styles.chatSidebar}>
+				<div
+					className={clsx(
+						styles.chatSidebar,
+						showLeaderboard && styles.sidebarFuseSpace,
+					)}
+				>
 					<ChatSidebar onClose={() => setChatSidebarOpen(false)} />
 				</div>
 			) : null}

app/features/chat/components/Chat.module.css

@@ -81,7 +81,6 @@
 }
 
 .inputContainer > form {
-	background-color: var(--color-bg-high);
 	padding: var(--s-2);
 	border-top: 1.5px solid var(--color-border);
 }