diff --git a/src/public/javascripts/dialogs/note_revisions.js b/src/public/javascripts/dialogs/note_revisions.js
index 55696deb0..72955919e 100644
--- a/src/public/javascripts/dialogs/note_revisions.js
+++ b/src/public/javascripts/dialogs/note_revisions.js
@@ -26,11 +26,9 @@ async function showNoteRevisionsDialog(noteId, noteRevisionId) {
     revisionItems = await server.get('notes/' + noteId + '/revisions');
 
     for (const item of revisionItems) {
-        const utcDateModified = utils.parseDate(item.utcDateModifiedFrom);
-
         $list.append($('<option>', {
             value: item.noteRevisionId,
-            text: utils.formatDateTime(utcDateModified)
+            text: item.dateModifiedFrom
         }));
     }
 
diff --git a/src/views/dialogs/note_revisions.ejs b/src/views/dialogs/note_revisions.ejs
index b467ddd14..3e9d67821 100644
--- a/src/views/dialogs/note_revisions.ejs
+++ b/src/views/dialogs/note_revisions.ejs
@@ -1,5 +1,5 @@
 <div id="note-revisions-dialog" class="modal fade mx-auto" tabindex="-1" role="dialog">
-    <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-dialog modal-xl" role="document">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title mr-auto">Note revisions</h5>
@@ -11,7 +11,7 @@
                 </button>
             </div>
             <div class="modal-body" style="display: flex;">
-                <select id="note-revision-list" size="25" style="width: 150px; height: 630px;">
+                <select id="note-revision-list" size="25" style="min-width: 230px; height: 630px;">
                 </select>
 
                 <div id="note-revision-content-wrapper" style="flex-grow: 1; margin-left: 20px;">