fix sidebar padding on chikorita

apps/artboard/src/templates/chikorita.tsx

@@ -501,6 +501,7 @@ export const Chikorita = ({ columns, isFirstPage = false }: TemplateProps) => {
   const [main, sidebar] = columns;
 
   return (
+    <>
       <div className="space-y-4">
         {isFirstPage && <Header />}
 
@@ -517,10 +518,14 @@ export const Chikorita = ({ columns, isFirstPage = false }: TemplateProps) => {
             ))}
           </div>
         </div>
+      </div>
 
-      <div className="absolute inset-0 grid grid-cols-3" style={{ top: -margin }}>
-        <div className="col-start-3 ml-2 bg-primary"></div>
-      </div>
+      <div
+        style={{ columnGap: margin }}
+        className="pointer-events-none absolute inset-0 grid grid-cols-3"
+      >
+        <div className="col-start-3 bg-primary" />
       </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,