diff --git a/studio/pages/project/[ref]/database/tables.tsx b/studio/pages/project/[ref]/database/tables.tsx
index 641bd84ac97..568daed8d04 100644
--- a/studio/pages/project/[ref]/database/tables.tsx
+++ b/studio/pages/project/[ref]/database/tables.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useState, useEffect } from 'react'
 import { observer } from 'mobx-react-lite'
 import { isUndefined } from 'lodash'
 import { PostgresColumn, PostgresTable } from '@supabase/postgres-meta'
@@ -24,6 +24,12 @@ const DatabaseTables: NextPageWithLayout = () => {
   const [selectedColumnToDelete, setSelectedColumnToDelete] = useState<PostgresColumn>()
   const [selectedTableToDelete, setSelectedTableToDelete] = useState<PostgresTable>()
 
+  useEffect(() => {
+    if (ui.selectedProject) {
+      meta.types.load()
+    }
+  }, [ui.selectedProject])
+
   const onAddTable = () => {
     setSidePanelKey('table')
     setSelectedTableToEdit(undefined)