text updates

apps/studio/components/interfaces/DiskManagement/DiskManagementReviewAndSubmitDialog.tsx

@@ -243,7 +243,7 @@ export const DiskManagementReviewAndSubmitDialog = ({
         <div className="flex flex-col gap-2 p-5">
           <DiskMangementRestartRequiredSection
             visible={form.formState.defaultValues?.computeSize !== form.getValues('computeSize')}
-            title="Compute resizes trigger project restarts."
+            title="Resizing your Compute will trigger a project restart"
             description="Project will restart automatically on confirmation."
           />
           {hasDiskConfigChanges && <DiskMangementCoolDownSection />}

apps/studio/components/interfaces/DiskManagement/fields/ComputeSizeField.tsx

@@ -120,7 +120,9 @@ export function ComputeSizeField({ form, disabled }: ComputeSizeFieldProps) {
                 afterPrice={Number(computeSizePrice.newPrice)}
                 free={showUpgradeBadge && form.watch('computeSize') === 'ci_micro' ? true : false}
               />
-              <p>Hardware resources allocated to your postgres database</p>
+              <p className="text-foreground-lighter">
+                Hardware resources allocated to your postgres database
+              </p>
               <NoticeBar
                 showIcon={false}
                 type="default"

apps/studio/components/interfaces/DiskManagement/fields/DiskSizeField.tsx

@@ -142,7 +142,7 @@ export function DiskSizeField({
               diskSizePrice.oldPrice !== diskSizePrice.newPrice
             }
           />
-          <span className="text-foreground-muted text-sm">
+          <span className="text-foreground-lighter text-sm">
             {includedDiskGB > 0 &&
               subscription?.plan.id &&
               `Your plan includes ${includedDiskGB} GB of disk size for ${watchedStorageType}.`}

apps/studio/components/interfaces/DiskManagement/fields/IOPSField.tsx

@@ -61,6 +61,7 @@ export function IOPSField({ form, disableInput }: IOPSFieldProps) {
             id={field.name}
             description={
               <span className="flex flex-col gap-y-2">
+                <p>Use higher IOPS for high-throughput apps.</p>
                 <ComputeSizeReccomendationSection
                   form={form}
                   actions={
@@ -100,8 +101,7 @@ export function IOPSField({ form, disableInput }: IOPSFieldProps) {
                   afterPrice={Number(iopsPrice.newPrice)}
                   className="mb-2"
                 />
-                <p>Input/output operations per second.</p>
-                <p>Higher IOPS for high-throughput apps.</p>
+                <p className="text-foreground-lighter">Input/output operations per second.</p>
               </>
             }
           >

apps/studio/components/interfaces/DiskManagement/fields/ThroughputField.tsx

@@ -75,18 +75,21 @@ export function ThroughputField({ form, disableInput }: ThroughputFieldProps) {
             control={control}
             render={({ field }) => (
               <FormItemLayout
-                label="Throughput (MB/s)"
+                label="Throughput"
                 layout="horizontal"
                 description={
-                  !formState.errors.throughput && (
-                    <DiskManagementThroughputReadReplicas
-                      isDirty={formState.dirtyFields.throughput !== undefined}
-                      oldThroughput={throughput_mbps ?? 0}
-                      newThroughput={field.value ?? 0}
-                      oldStorageType={formState.defaultValues?.storageType as DiskType}
-                      newStorageType={getValues('storageType') as DiskType}
-                    />
-                  )
+                  <span className="flex flex-col gap-y-2">
+                    <p>Higher throughput suits applications with high data transfer needs.</p>
+                    {!formState.errors.throughput && (
+                      <DiskManagementThroughputReadReplicas
+                        isDirty={formState.dirtyFields.throughput !== undefined}
+                        oldThroughput={throughput_mbps ?? 0}
+                        newThroughput={field.value ?? 0}
+                        oldStorageType={formState.defaultValues?.storageType as DiskType}
+                        newStorageType={getValues('storageType') as DiskType}
+                      />
+                    )}
+                  </span>
                 }
                 labelOptional={
                   <>
@@ -100,8 +103,9 @@ export function ThroughputField({ form, disableInput }: ThroughputFieldProps) {
                       afterPrice={Number(throughputPrice.newPrice)}
                       className="mb-2"
                     />
-                    <p>Amount of data read/written to the disk per second.</p>
-                    <p>Higher throughput suits applications with high data transfer needs.</p>
+                    <p className="text-foreground-lighter">
+                      Amount of data read/written per second.
+                    </p>
                   </>
                 }
               >