diff --git a/app/components/Actions/Actions.js b/app/components/Actions/Actions.js
index 7296f1d55..0aebc3694 100644
--- a/app/components/Actions/Actions.js
+++ b/app/components/Actions/Actions.js
@@ -29,6 +29,10 @@ const Actions = styled(Flex)`
border-radius: 3px;
background: rgba(255, 255, 255, 0.9);
-webkit-backdrop-filter: blur(20px);
+
+ @media print {
+ display: none;
+ }
`;
export default Actions;
diff --git a/app/components/Editor/Editor.js b/app/components/Editor/Editor.js
index 8fa84d74e..92b5e6ef5 100644
--- a/app/components/Editor/Editor.js
+++ b/app/components/Editor/Editor.js
@@ -238,6 +238,10 @@ const Header = styled(Flex)`
flex-shrink: 0;
align-items: flex-end;
${({ readOnly }) => !readOnly && 'cursor: text;'};
+
+ @media print {
+ display: none;
+ }
`;
const StyledEditor = styled(Editor)`
diff --git a/app/components/Editor/components/Contents.js b/app/components/Editor/components/Contents.js
index b92ef7ceb..d89facb08 100644
--- a/app/components/Editor/components/Contents.js
+++ b/app/components/Editor/components/Contents.js
@@ -92,6 +92,10 @@ const Wrapper = styled.div`
right: 0;
top: 150px;
z-index: 100;
+
+ @media print {
+ display: none;
+ }
`;
const Anchor = styled.a`
diff --git a/app/components/Layout/Layout.js b/app/components/Layout/Layout.js
index 29878ed11..b5d755d00 100644
--- a/app/components/Layout/Layout.js
+++ b/app/components/Layout/Layout.js
@@ -124,6 +124,10 @@ const Container = styled(Flex)`
const Content = styled(Flex)`
margin-left: ${props => (props.editMode ? 0 : layout.sidebarWidth)};
transition: margin-left 200ms ease-in-out;
+
+ @media print {
+ margin-left: 0;
+ }
`;
export default withRouter(inject('user', 'auth', 'ui', 'documents')(Layout));
diff --git a/app/components/Sidebar/Sidebar.js b/app/components/Sidebar/Sidebar.js
index 92fbf89a0..348d7dcaa 100644
--- a/app/components/Sidebar/Sidebar.js
+++ b/app/components/Sidebar/Sidebar.js
@@ -106,6 +106,11 @@ const Container = styled(Flex)`
width: ${layout.sidebarWidth};
background: ${color.smoke};
transition: left 200ms ease-in-out;
+
+ @media print {
+ display: none;
+ left: 0;
+ }
`;
const Section = styled(Flex)`
diff --git a/app/menus/DocumentMenu.js b/app/menus/DocumentMenu.js
index e4dedde06..e6103d6e7 100644
--- a/app/menus/DocumentMenu.js
+++ b/app/menus/DocumentMenu.js
@@ -67,6 +67,7 @@ class DocumentMenu extends Component {
Download
+ Print
Moveā¦
{allowDelete && (