diff --git a/gui/app/components/document/view-revision.js b/gui/app/components/document/view-revision.js
index 4cb9873d..97e3a799 100644
--- a/gui/app/components/document/view-revision.js
+++ b/gui/app/components/document/view-revision.js
@@ -11,12 +11,13 @@
 
 import { computed, set } from '@ember/object';
 import { inject as service } from '@ember/service';
-import Component from '@ember/component';
 import ModalMixin from '../../mixins/modal';
+import Component from '@ember/component';
 
 export default Component.extend(ModalMixin, {
 	documentService: service('document'),
 	revision: null,
+	revisions: null,
 	diff: '',
 	hasRevisions: computed('revisions', function() {
 		return this.get('revisions').length > 0;
@@ -24,6 +25,14 @@ export default Component.extend(ModalMixin, {
 	hasDiff: computed('diff', function() {
 		return this.get('diff').length > 0;
 	}),
+	canRollback: computed('permissions.documentEdit', 'document.protection', function() {
+		let constants = this.get('constants');
+
+		if (this.get('document.protection') === constants.ProtectionType.Lock) return false;
+
+		return this.get('permissions.documentEdit') &&
+			this.get('document.protection') === constants.ProtectionType.None;
+	}),
 
 	init() {
 		this._super(...arguments);
diff --git a/gui/app/templates/components/document/view-revision.hbs b/gui/app/templates/components/document/view-revision.hbs
index b921205c..efb484d9 100644
--- a/gui/app/templates/components/document/view-revision.hbs
+++ b/gui/app/templates/components/document/view-revision.hbs
@@ -1,5 +1,7 @@
 <div class="mt-5">
-	{{#if hasRevisions}}
+	{{#unless hasRevisions}}
+		<p>No revisions made</p>
+	{{else}}
 		<div class="row">
 			<div class="col-12">
 				<div class="form-group">
@@ -18,7 +20,7 @@
 				</div>
 			</div>
 		</div>
-		{{#if permissions.documentEdit}}
+		{{#if canRollback}}
 			<div class="row">
 				<div class="col-12">
 					<div class="form-group">
@@ -26,23 +28,21 @@
 					</div>
 				</div>
 			</div>
-
-			<div id="document-rollback-modal" class="modal" tabindex="-1" role="dialog">
-				<div class="modal-dialog" role="document">
-					<div class="modal-content">
-						<div class="modal-header">Restore Document Section</div>
-						<div class="modal-body">
-							<p>Are you sure you want to roll back to this revision?</p>
-						</div>
-						<div class="modal-footer">
-							<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
-							<button type="button" class="btn btn-success" onclick={{action 'onRollback'}}>Restore</button>
-						</div>
-					</div>
-				</div>
-			</div>
 		{{/if}}
-	{{else}}
-		<p>No revisions made</p>
-	{{/if}}
-</div>
\ No newline at end of file
+	{{/unless}}
+</div>
+
+<div id="document-rollback-modal" class="modal" tabindex="-1" role="dialog">
+	<div class="modal-dialog" role="document">
+		<div class="modal-content">
+			<div class="modal-header">Restore Section</div>
+			<div class="modal-body">
+				<p>Are you sure you want to restore this revision?</p>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
+				<button type="button" class="btn btn-success" onclick={{action 'onRollback'}}>Restore</button>
+			</div>
+		</div>
+	</div>
+</div>