diff --git a/packages/web/src/widgets/SummaryDatabases.svelte b/packages/web/src/widgets/SummaryDatabases.svelte
index 9fe06bcb8..91ecf2fa1 100644
--- a/packages/web/src/widgets/SummaryDatabases.svelte
+++ b/packages/web/src/widgets/SummaryDatabases.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import TableControl from '../elements/TableControl.svelte';
+  import formatFileSize from '../utility/formatFileSize';
 
   export let rows: any[] = [];
   export let columns: any[] = [];
@@ -7,6 +8,13 @@
   const tableColumns = columns.map(col => ({
     header: col.header,
     fieldName: col.fieldName,
+    type: col.type || 'data',
+    formatter: (row, col) => {
+      const value = row[col.fieldName];
+
+      if (col.type === 'fileSize') return formatFileSize(value);
+      return value;
+    },
   }));
 </script>
 
diff --git a/plugins/dbgate-plugin-mongo/src/backend/driver.js b/plugins/dbgate-plugin-mongo/src/backend/driver.js
index 9be451ddf..0057d5bfd 100644
--- a/plugins/dbgate-plugin-mongo/src/backend/driver.js
+++ b/plugins/dbgate-plugin-mongo/src/backend/driver.js
@@ -640,15 +640,16 @@ const driver = {
       this.listDatabases(dbhan),
     ]);
 
+    /** @type {import('dbgate-types').ServerSummary} */
     const data = {
       processes,
       variables,
       databases: {
         rows: databases,
         columns: [
-          { header: 'Name', fieldName: 'name' },
-          { header: 'Size on disk', fieldName: 'sizeOnDisk' },
-          { header: 'Empty', fieldName: 'empty' },
+          { header: 'Name', fieldName: 'name', type: 'data' },
+          { header: 'Size on disk', fieldName: 'sizeOnDisk', type: 'fileSize' },
+          { header: 'Empty', fieldName: 'empty', type: 'data' },
         ],
       },
     };