diff --git a/apps/files_versions/css/versions.css b/apps/files_versions/css/versions.css
index cd63a90ab51..e749854a942 100644
--- a/apps/files_versions/css/versions.css
+++ b/apps/files_versions/css/versions.css
@@ -68,3 +68,7 @@
 	float: right;
 	margin-right: -10px;
 }
+
+.versionsTabView .emptycontent {
+	margin-top: 10px;
+}
diff --git a/apps/files_versions/js/versionstabview.js b/apps/files_versions/js/versionstabview.js
index a91366fd40a..e5ca115ecfa 100644
--- a/apps/files_versions/js/versionstabview.js
+++ b/apps/files_versions/js/versionstabview.js
@@ -38,7 +38,11 @@
 	var TEMPLATE =
 		'<ul class="versions"></ul>' +
 		'<div class="clear-float"></div>' +
-		'<div class="empty hidden">{{emptyResultLabel}}</div>' +
+		'<div class="empty hidden">' +
+		'<div class="emptycontent">' +
+		'<div class="icon-history"></div>' +
+		'<p>{{emptyResultLabel}}</p>' +
+		'</div></div>' +
 		'<input type="button" class="showMoreVersions hidden" value="{{moreVersionsLabel}}"' +
 		' name="show-more-versions" id="show-more-versions" />' +
 		'<div class="loading hidden" style="height: 50px"></div>';
@@ -225,7 +229,7 @@
 		 */
 		render: function() {
 			this.$el.html(this.template({
-				emptyResultLabel: t('files_versions', 'No other versions available'),
+				emptyResultLabel: t('files_versions', 'No versions available'),
 				moreVersionsLabel: t('files_versions', 'More versions...')
 			}));
 			this.$el.find('.has-tooltip').tooltip();