diff --git a/app/javascript/gabsocial/features/ui/components/status_revision_modal.js b/app/javascript/gabsocial/features/ui/components/status_revision_modal.js
index ef1f6ff5..f253668e 100644
--- a/app/javascript/gabsocial/features/ui/components/status_revision_modal.js
+++ b/app/javascript/gabsocial/features/ui/components/status_revision_modal.js
@@ -23,7 +23,7 @@ class StatusRevisionModal extends ImmutablePureComponent {
         const { intl, onClose, status } = this.props;
 
         return (
-            <div className='modal-root__modal'>
+            <div className='modal-root__modal status-revisions-root'>
                 <div className='status-revisions'>
                     <div className='status-revisions__header'>
                         <h3 className='status-revisions__header__title'><FormattedMessage id='status_revisions.heading' defaultMessage='Revision History' /></h3>
diff --git a/app/javascript/styles/gabsocial/components/status-revisions.scss b/app/javascript/styles/gabsocial/components/status-revisions.scss
index 56ac39bd..706fb989 100644
--- a/app/javascript/styles/gabsocial/components/status-revisions.scss
+++ b/app/javascript/styles/gabsocial/components/status-revisions.scss
@@ -1,3 +1,9 @@
+.status-revisions-root {
+	@media screen and (max-width: 960px) {
+		width: 100%;
+	}
+}
+
 .status-revisions {
 	padding: 8px 0 0;
 	overflow: hidden;
@@ -46,6 +52,10 @@
 		widows: 90%;
 	}
 
+	@media screen and (max-width: 960px) {
+		width: 100%;
+	}
+
 	&-list {
 		width: 100%;