fix(preview-server): sidebar misalignment with topbar (#2667)

Author: gabrielmfern

.changeset/kind-facts-wait.md

@@ -0,0 +1,5 @@
+---
+"@react-email/preview-server": patch
+---
+
+fix sidebar misalignment with the topbar

packages/preview-server/src/components/sidebar/sidebar.tsx

@@ -24,14 +24,14 @@ export const Sidebar = ({ className, currentEmailOpenSlug }: SidebarProps) => {
       <div className="flex w-full h-full overflow-hidden flex-col border-slate-6 border-r">
         <div
           className={clsx(
-            'hidden min-h-[3.3125rem] flex-shrink items-center p-3 px-4 lg:flex',
+            'hidden min-h-14 flex-shrink items-center py-2 px-3 lg:flex border-b border-slate-4',
           )}
         >
           <h2>
             <Logo />
           </h2>
         </div>
-        <div className="relative grow w-full h-full overflow-y-auto overflow-x-hidden border-slate-4 border-t px-4 pb-3">
+        <div className="relative grow w-full h-full overflow-y-auto overflow-x-hidden px-4 pb-3">
           <FileTree
             currentEmailOpenSlug={currentEmailOpenSlug}
             emailsDirectoryMetadata={emailsDirectoryMetadata}