fix(react-email): Padding on the file tree

Author: gabrielmfern

.changeset/loud-clouds-wink.md

@@ -0,0 +1,5 @@
+---
+"react-email": patch
+---
+
+Fix padding on the file tree

.changeset/pre.json

@@ -41,7 +41,5 @@
     "@react-email/text": "0.0.11",
     "tsconfig": "0.0.0"
   },
-  "changesets": [
-    "empty-rivers-laugh"
-  ]
+  "changesets": ["empty-rivers-laugh"]
 }

packages/react-email/package.json

@@ -18,10 +18,7 @@
     "url": "https://github.com/resend/react-email.git",
     "directory": "packages/react-email"
   },
-  "keywords": [
-    "react",
-    "email"
-  ],
+  "keywords": ["react", "email"],
   "engines": {
     "node": ">=18.0.0"
   },

packages/react-email/src/components/sidebar/file-tree-directory-children.tsx

@@ -23,7 +23,7 @@ export const FileTreeDirectoryChildren = (props: {
       {props.open ? (
         <Collapsible.Content
           asChild
-          className="relative data-[root=true]:mt-2 overflow-y-hidden pl-1"
+          className="relative data-[root=true]:mt-2 overflow-y-hidden"
           forceMount
         >
           <motion.div
@@ -34,7 +34,7 @@ export const FileTreeDirectoryChildren = (props: {
             {props.isRoot ? null : (
               <div className="line absolute left-2.5 h-full w-px bg-slate-6" />
             )}
-            <div className="data-[root=true]:py-2 flex flex-col truncate">
+            <div className="flex flex-col truncate">
               <LayoutGroup id="sidebar">
                 {props.emailsDirectoryMetadata.subDirectories.map(
                   (subDirectory) => (