diff --git a/CHANGES.md b/CHANGES.md
index a4368696..79df9f3a 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -5,7 +5,7 @@
 The following changes are not yet released, but are code complete:
 
 Features:
- - None yet
+ - Hide recap UI elements from printed pages([#360](https://github.com/freelawproject/recap/issues/360), [#355](https://github.com/freelawproject/recap-chrome/pull/355)).
 
 Changes:
  - None yet
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 91672a7a..bc18d6f0 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -352,9 +352,9 @@ footer #version {
   border-top-left-radius: 0;
 }
 
-.btn-group .btn+.btn, 
-.btn-group .btn+.btn-group, 
-.btn-group .btn-group+.btn, 
+.btn-group .btn+.btn,
+.btn-group .btn+.btn-group,
+.btn-group .btn-group+.btn,
 .btn-group .btn-group+.btn-group {
   margin-left: -1px;
 }
@@ -492,11 +492,11 @@ footer #version {
 }
 
 .full-page-iframe{
-  position: absolute; 
-  left: 0; 
-  right: 0; 
-  bottom: 0; 
-  top: 0; 
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
 }
 
 .recap-inline-appellate{
@@ -521,3 +521,10 @@ footer #version {
 .banner-message > img{
   margin-right: 0.25rem;
 }
+
+/* For printed pages, we want to hide anything that we add. */
+@media print {
+  [class^="recap-"], [id^="recap-"] { /* Any class or ID that starts with `recap-` */
+    display: none;
+  }
+}