diff --git a/src/assets/less/site.less b/src/assets/less/site.less
index 5207be2e4..54bf1da08 100644
--- a/src/assets/less/site.less
+++ b/src/assets/less/site.less
@@ -18,6 +18,7 @@
 @import "site/bootstrap/modals";
 
 @import "site/layout";
+@import "site/print";
 @import "site/social-buttons";
 @import "site/jumbotron-carousel";
 @import "site/stripe-ad";
diff --git a/src/assets/less/site/print.less b/src/assets/less/site/print.less
new file mode 100644
index 000000000..5ebe6a8f8
--- /dev/null
+++ b/src/assets/less/site/print.less
@@ -0,0 +1,5 @@
+@media print {
+  .col-print-4 {
+    .make-xs-column(4);
+  }
+}
diff --git a/src/cheatsheet.html b/src/cheatsheet.html
index d33e22ca4..5815b8bd3 100644
--- a/src/cheatsheet.html
+++ b/src/cheatsheet.html
@@ -23,9 +23,9 @@ relative_path: ../
     {% assign sorted_icons = icons | expand_aliases | sort_by:'class' %}
 
     {% for icon in sorted_icons %}
-    <div class="col-md-4 col-sm-6 col-lg-3">
+    <div class="col-md-4 col-sm-6 col-lg-3 col-print-4">
       {% if icon.created >= site.fontawesome.major_version %}<small class="text-muted pull-right">{{ icon.created }}</small>{% endif %}
-      <i class="fa fa-fw" aria-hidden="true" title="Copy to use {{ icon.class }}">&#x{{ icon.unicode }}</i>
+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use {{ icon.class }}">&#x{{ icon.unicode }};</i>
       fa-{{ icon.class }}
       {% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}
       <span class="text-muted">[&amp;#x{{ icon.unicode }};]</span>