diff --git a/src/editor/preview.html b/src/editor/preview.html
index ada12ad..0f70e25 100644
--- a/src/editor/preview.html
+++ b/src/editor/preview.html
@@ -2,9 +2,45 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Document</title>
+  <style>
+    /* Page setup works for all the themes */
+    @page {
+      /* A4 */
+      /* size: 210mm 297mm;  */
+      size: A4;
+      margin: 10mm; /* approximately 0.4in */
+    }
+
+    html {
+      margin: 0;
+      padding: 0;
+    }
+    body {
+      margin: 0;
+      page-break-inside: auto;
+      print-color-adjust: exact;
+      -webkit-print-color-adjust: exact;
+
+      /* simulate print page size */
+      padding: 10mm;
+      width: calc(210mm - 20mm);
+      border: 1px solid #ccc;
+      border-left: 0;
+    }
+    @media print {
+      /* remove simulate print page size, let @page decide the size and margin */
+      body {
+        padding: 0;
+        border: 0;
+      }
+    }
+
+    .page-unit {
+      page-break-inside: avoid;
+      page-break-after: auto;
+    }
+  </style>
+  <title>CV</title>
 </head>
 <body>
   <div class="cv-container"></div>
diff --git a/src/editor/styles.scss b/src/editor/styles.scss
index 35e869e..c05627e 100644
--- a/src/editor/styles.scss
+++ b/src/editor/styles.scss
@@ -49,7 +49,7 @@ body {
     margin-left: var(--sidebar-width);
   }
   .right {
-    background-color: #eee;
+    border-left: 1px solid var(--grey-2);
   }
 }
 .editor-container {
diff --git a/src/index.html b/src/index.html
index 3521f6c..24a4464 100644
--- a/src/index.html
+++ b/src/index.html
@@ -5,7 +5,25 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
+    /* Page setup works for all the themes */
+    @page {
+      size: 210cm 297cm; /* A4 */
+    }
 
+    body {
+      padding: 0;
+      margin: 10mm;
+      /* margin subtracted */
+      width: 190cm;
+      height: 277cm;
+
+      page-break-inside: auto;
+      print-color-adjust: exact;
+    }
+    .page-unit {
+      page-break-inside: avoid;
+      page-break-after: auto;
+    }
   </style>
   <title>CV</title>
 </head>
diff --git a/src/templates/reorx/index.ejs b/src/templates/reorx/index.ejs
index 77da9c7..c250ac0 100644
--- a/src/templates/reorx/index.ejs
+++ b/src/templates/reorx/index.ejs
@@ -54,7 +54,7 @@ function dateRange(item, preserveDay) {
     <div class="line"></div>
   </div>
   <% for (const item of cv.education) { %>
-    <div class="education">
+    <div class="education page-unit">
       <h3><%= item.institution %></h3>
       <p><%= item.url %></p>
       <p><%= item.area %></p>
@@ -73,7 +73,7 @@ function dateRange(item, preserveDay) {
     <div class="line"></div>
   </div>
   <% for (const item of cv.work) { %>
-    <div class="work">
+    <div class="work page-unit">
       <h3><%= item.name %></h3>
       <p><%= item.url %></p>
       <%- dateRange(item) %>
@@ -97,7 +97,7 @@ function dateRange(item, preserveDay) {
     <div class="line"></div>
   </div>
   <% for (const item of cv.projects) { %>
-    <div class="project">
+    <div class="project page-unit">
       <h3><%= item.name %></h3>
       <p><%= item.url %></p>
       <p><%= item.description %></p>
@@ -125,7 +125,7 @@ function dateRange(item, preserveDay) {
     <div class="line"></div>
   </div>
   <% for (const item of cv.sideProjects) { %>
-    <div class="sideproject">
+    <div class="sideproject page-unit">
       <h3><%= item.name %></h3>
       <p><%= item.url %></p>
       <p><%= item.description %></p>
@@ -163,7 +163,7 @@ function dateRange(item, preserveDay) {
 
 <!-- Languages -->
 <% if (cv.languages) { %>
-<section>
+<section class="page-unit">
   <div class="section-title">
     <h2>Languages</h2>
     <div class="line"></div>
diff --git a/src/templates/reorx/index.scss b/src/templates/reorx/index.scss
index 6fce1e6..a674c40 100644
--- a/src/templates/reorx/index.scss
+++ b/src/templates/reorx/index.scss
@@ -5,10 +5,14 @@ $color-text-dim: #777;
   font-size: 14px;
   font-family: system-ui, sans-serif;
 
-  a, a:visited, a:hover, a:active {
+  a, a:visited, a:active {
     color: $color-signature;
     text-decoration: none;
   }
+  a:hover {
+    color: $color-signature;
+    text-decoration: underline;
+  }
 }
 
 .basics-section {
