fix: align table (#2003)

Author: zehfernandes

packages/react-email/src/components/toolbar.tsx

@@ -203,7 +203,7 @@ const ToolbarInner = ({
             </div>
           </Tabs.List>
 
-          <div className="flex-grow transition-opacity opacity-100 group-data-[toggled=false]/toolbar:opacity-0 overflow-y-auto px-2 pt-3">
+          <div className="flex-grow transition-opacity opacity-100 group-data-[toggled=false]/toolbar:opacity-0 overflow-y-auto pr-3 pl-4 pt-3">
             <Tabs.Content value="linter">
               {lintLoading ? (
                 <LoadingState message="Analyzing your code for linting issues..." />

packages/react-email/src/components/toolbar/results.tsx

@@ -25,7 +25,7 @@ Results.Row = ({
   return (
     <tr
       className={cn(
-        'border-collapse align-bottom border-slate-6 border-b',
+        'border-collapse align-bottom border-slate-6 border-b last:border-b-0',
         className,
       )}
       {...props}