From 5825dcf3970c4760b96dd1fc672dfb00a1cf9b97 Mon Sep 17 00:00:00 2001
From: Madison Konig <madisonkonig92@gmail.com>
Date: Wed, 18 Sep 2024 21:32:26 -0700
Subject: [PATCH] fix windows multiple tab spacing (#2713)

---
 interface/app/$libraryId/settings/Layout.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/interface/app/$libraryId/settings/Layout.tsx b/interface/app/$libraryId/settings/Layout.tsx
index 9bf26156f..d2efdeb9e 100644
--- a/interface/app/$libraryId/settings/Layout.tsx
+++ b/interface/app/$libraryId/settings/Layout.tsx
@@ -3,6 +3,7 @@ import { Outlet } from 'react-router';
 import { useRouteTitle } from '~/hooks';
 import { useOperatingSystem } from '~/hooks/useOperatingSystem';
 import { useWindowState } from '~/hooks/useWindowState';
+import { useTabsContext } from '~/TabsContext';
 
 import DragRegion from '../../../components/DragRegion';
 import { TopBarPortal } from '../TopBar/Portal';
@@ -12,11 +13,14 @@ import Sidebar from './Sidebar';
 export const Component = () => {
 	const os = useOperatingSystem();
 	const windowState = useWindowState();
+	const ctx = useTabsContext()!;
 
 	useRouteTitle('Settings');
 
 	return (
-		<div className={`flex w-full flex-row bg-app ${os === 'windows' && 'mt-6'}`}>
+		<div
+			className={`flex w-full flex-row bg-app ${os === 'windows' && 'mt-6'} ${os === 'windows' && ctx.tabs.length > 1 && 'pt-9'}`}
+		>
 			{os === 'windows' && <TopBarPortal right={<TopBarOptions />} />}
 			<Sidebar />
 			<div className="relative w-full">