diff --git a/apps/studio/components/interfaces/DiskManagement/ui/DiskTypeReccomendationSection.tsx b/apps/studio/components/interfaces/DiskManagement/ui/DiskTypeReccomendationSection.tsx
new file mode 100644
index 00000000000..1c88a541b0e
--- /dev/null
+++ b/apps/studio/components/interfaces/DiskManagement/ui/DiskTypeReccomendationSection.tsx
@@ -0,0 +1,40 @@
+import { AnimatePresence, motion } from 'framer-motion'
+import { UseFormReturn } from 'react-hook-form'
+import { Admonition } from 'ui-patterns/admonition'
+import { DiskStorageSchemaType } from '../DiskManagement.schema'
+import { DISK_LIMITS, DISK_TYPE_OPTIONS, DiskType, IOPS_RANGE } from './DiskManagement.constants'
+
+export function DiskTypeReccomendationSection({
+ actions,
+ form,
+}: {
+ actions?: React.ReactNode
+ form: UseFormReturn
+}) {
+ const { watch } = form
+
+ const totalSize = watch('totalSize')
+ const storageType = watch('storageType')
+ const isVisible = storageType === DiskType.GP3 && totalSize > DISK_LIMITS[DiskType.GP3].maxStorage
+ const io2Option = DISK_TYPE_OPTIONS.find((option) => option.type === DiskType.IO2)
+
+ return (
+
+ {isVisible && (
+
+
+
+
+
+ )}
+
+ )
+}