fix sidebar padding on chikorita

apps/artboard/src/templates/chikorita.tsx

@@ -501,26 +501,31 @@ export const Chikorita = ({ columns, isFirstPage = false }: TemplateProps) => {
   const [main, sidebar] = columns;
 
   return (
-    <div className="space-y-4">
+    <>
-      {isFirstPage && <Header />}
+      <div className="space-y-4">
+        {isFirstPage && <Header />}
 
-      <div className="relative z-10 grid grid-cols-3 space-x-8">
+        <div className="relative z-10 grid grid-cols-3 space-x-8">
-        <div className="main group col-span-2 space-y-4">
+          <div className="main group col-span-2 space-y-4">
-          {main.map((section) => (
+            {main.map((section) => (
-            <Fragment key={section}>{mapSectionToComponent(section)}</Fragment>
+              <Fragment key={section}>{mapSectionToComponent(section)}</Fragment>
-          ))}
+            ))}
-        </div>
+          </div>
 
-        <div className="sidebar group space-y-4 text-background">
+          <div className="sidebar group space-y-4 text-background">
-          {sidebar.map((section) => (
+            {sidebar.map((section) => (
-            <Fragment key={section}>{mapSectionToComponent(section)}</Fragment>
+              <Fragment key={section}>{mapSectionToComponent(section)}</Fragment>
-          ))}
+            ))}
+          </div>
         </div>
       </div>
 
-      <div className="absolute inset-0 grid grid-cols-3" style={{ top: -margin }}>
+      <div
-        <div className="col-start-3 ml-2 bg-primary"></div>
+        style={{ columnGap: margin }}
+        className="pointer-events-none absolute inset-0 grid grid-cols-3"
+      >
+        <div className="col-start-3 bg-primary" />
       </div>
-    </div>
+    </>
   );
 };

libs/schema/src/sample.ts

@@ -469,7 +469,7 @@ export const sampleResume: ResumeData = {
       visible: false,
     },
     page: {
-      margin: 24,
+      margin: 16,
       format: "a4",
       options: {
         breakLine: true,