diff --git a/src/public/app/widgets/collapsible_widgets/note_info.js b/src/public/app/widgets/collapsible_widgets/note_info.js
index 46ac74613..04ed1cdb1 100644
--- a/src/public/app/widgets/collapsible_widgets/note_info.js
+++ b/src/public/app/widgets/collapsible_widgets/note_info.js
@@ -4,7 +4,10 @@ const TPL = `
 <table class="note-info-widget-table">
     <style>
         .note-info-widget-table {
-            width: 100%;
+            max-width: 100%;            
+            display: block;
+            overflow-x: auto;
+            white-space: nowrap;
         } 
    
         .note-info-widget-table td, .note-info-widget-table th {
@@ -22,16 +25,6 @@ const TPL = `
     <tr>
         <th>Note ID:</th>
         <td class="note-info-note-id"></td>
-    </tr>
-    <tr>
-        <th>Created:</th>
-        <td class="note-info-date-created"></td>
-    </tr>
-    <tr>
-        <th>Modified:</th>
-        <td class="note-info-date-modified"></td>
-    </tr>
-    <tr>
         <th>Type:</th>
         <td>
             <span class="note-info-type"></span>
@@ -39,6 +32,12 @@ const TPL = `
             <span class="note-info-mime"></span>
         </td>
     </tr>
+    <tr>
+        <th>Created:</th>
+        <td class="note-info-date-created"></td>
+        <th>Modified:</th>
+        <td class="note-info-date-modified"></td>
+    </tr>
 </table>
 `;