diff --git a/packages/sanity/src/core/i18n/bundles/studio.ts b/packages/sanity/src/core/i18n/bundles/studio.ts
index 9d2592329de..53db19bbd01 100644
--- a/packages/sanity/src/core/i18n/bundles/studio.ts
+++ b/packages/sanity/src/core/i18n/bundles/studio.ts
@@ -1184,20 +1184,14 @@ export const studioLocaleStrings = defineLocalesResources('studio', {
   'release.deleted-tooltip': 'This release has been deleted',
   /** Title for creating releases dialog */
   'release.dialog.create.title': 'Create release',
-  /** Title for editing releases dialog */
-  'release.dialog.edit.title': 'Edit release',
-  /** Label for the description form field when creating releases */
-  'release.form.description': 'Description',
-  /** Placeholder for the icon and colour picker */
-  'release.form.search-icon': 'Search icons',
-  /** Tooltip label for the icon display */
-  'release.form.search-icon-tooltip': 'Select release icon',
-  /** Label for the title form field when creating releases */
-  'release.form.title': 'Title',
+  /** The placeholder text when the release doesn't have a description */
+  'release.form.placeholer-describe-release': 'Describe the release…',
   /** Tooltip for button to hide release visibility */
   'release.layer.hide': 'Hide release',
   /** Tooltip for releases navigation in navbar */
   'release.navbar.tooltip': 'Releases',
+  /** The placeholder text when the release doesn't have a title */
+  'release.placeholder-untitled-release': 'Untitled release',
   /** Label for the release type 'as soon as possible' */
   'release.type.asap': 'ASAP',
   /** Label for the release type 'at time', meaning it's a release with a scheduled date */
diff --git a/packages/sanity/src/core/releases/components/dialog/ReleaseDetailsDialog.tsx b/packages/sanity/src/core/releases/components/dialog/ReleaseDetailsDialog.tsx
index 6a4a728c84b..f72c029bbc0 100644
--- a/packages/sanity/src/core/releases/components/dialog/ReleaseDetailsDialog.tsx
+++ b/packages/sanity/src/core/releases/components/dialog/ReleaseDetailsDialog.tsx
@@ -96,8 +96,7 @@ export function ReleaseDetailsDialog(props: ReleaseDetailsDialogProps): JSX.Elem
     setValue(changedValue)
   }, [])
 
-  const dialogTitle =
-    formAction === 'edit' ? t('release.dialog.edit.title') : t('release.dialog.create.title')
+  const dialogTitle = t('release.dialog.create.title')
 
   const isReleaseScheduled =
     release && (release.state === 'scheduled' || release.state === 'scheduling')
@@ -115,7 +114,7 @@ export function ReleaseDetailsDialog(props: ReleaseDetailsDialogProps): JSX.Elem
         <Flex justify="flex-end" paddingTop={5}>
           <Button
             size="large"
-            disabled={!value.metadata?.title?.trim() || isSubmitting}
+            disabled={isSubmitting}
             iconRight={ArrowRightIcon}
             type="submit"
             text={dialogTitle}
diff --git a/packages/sanity/src/core/releases/components/dialog/ReleaseForm.tsx b/packages/sanity/src/core/releases/components/dialog/ReleaseForm.tsx
index daf45b92e53..1207e7e9fa2 100644
--- a/packages/sanity/src/core/releases/components/dialog/ReleaseForm.tsx
+++ b/packages/sanity/src/core/releases/components/dialog/ReleaseForm.tsx
@@ -1,26 +1,16 @@
 import {type FormNodeValidation} from '@sanity/types'
-import {Flex, Stack, Text, TextArea, TextInput} from '@sanity/ui'
+import {Flex, Stack} from '@sanity/ui'
 import {useCallback, useMemo, useState} from 'react'
 
 import {Button} from '../../../../ui-components'
 import {MONTH_PICKER_VARIANT} from '../../../../ui-components/inputs/DateInputs/calendar/Calendar'
 import {type CalendarLabels} from '../../../../ui-components/inputs/DateInputs/calendar/types'
 import {DateTimeInput} from '../../../../ui-components/inputs/DateInputs/DateTimeInput'
-import {FormFieldHeaderText} from '../../../form'
 import {getCalendarLabels} from '../../../form/inputs/DateInputs/utils'
 import {useDateTimeFormat} from '../../../hooks'
 import {useTranslation} from '../../../i18n'
-import {
-  type EditableReleaseDocument,
-  type ReleaseDocument,
-  type ReleaseType,
-} from '../../../store/release/types'
-
-const DEFAULT_METADATA: ReleaseDocument['metadata'] = {
-  title: '',
-  description: '',
-  releaseType: 'asap',
-}
+import {type EditableReleaseDocument, type ReleaseType} from '../../../store/release/types'
+import {ReleaseInputsForm} from './ReleaseInputsForm'
 
 /** @internal */
 export function ReleaseForm(props: {
@@ -29,7 +19,7 @@ export function ReleaseForm(props: {
   isReleaseScheduled?: boolean
 }): JSX.Element {
   const {onChange, value, isReleaseScheduled = false} = props
-  const {title, description, releaseType} = value.metadata || {}
+  const {releaseType} = value.metadata || {}
   const publishAt = value.publishAt
   // derive the action from whether the initial value prop has a slug
   // only editing existing releases will provide a value.slug
@@ -37,8 +27,7 @@ export function ReleaseForm(props: {
 
   const dateFormatter = useDateTimeFormat()
 
-  // todo: figure out if these are needed
-  const [titleErrors, setTitleErrors] = useState<FormNodeValidation[]>([])
+  // todo: you can create a release without a title, but not without a date if the type is scheduled
   const [dateErrors, setDateErrors] = useState<FormNodeValidation[]>([])
 
   const [buttonReleaseType, setButtonReleaseType] = useState<ReleaseType>(releaseType ?? 'asap')
@@ -49,28 +38,6 @@ export function ReleaseForm(props: {
     publishAt ? dateFormatter.format(new Date(publishAt)) : undefined,
   )
 
-  const handleReleaseTitleChange = useCallback(
-    (event: React.ChangeEvent<HTMLInputElement>) => {
-      const pickedTitle = event.target.value
-      onChange({
-        ...value,
-        metadata: {...value.metadata, title: pickedTitle},
-      })
-    },
-    [onChange, value],
-  )
-
-  const handleBundleDescriptionChange = useCallback(
-    (event: React.ChangeEvent<HTMLTextAreaElement>) => {
-      const {value: descriptionValue} = event.target
-
-      if (typeof descriptionValue !== 'undefined') {
-        onChange({...value, metadata: {...value.metadata, description: descriptionValue}})
-      }
-    },
-    [onChange, value],
-  )
-
   const handleBundlePublishAtChange = useCallback(
     (date: Date | null) => {
       setInputValue(date ? dateFormatter.format(date) : undefined)
@@ -90,6 +57,20 @@ export function ReleaseForm(props: {
     [onChange, value],
   )
 
+  const handleTitleDescriotionChange = useCallback(
+    (upDatedRlease: EditableReleaseDocument) => {
+      onChange({
+        ...value,
+        metadata: {
+          ...value.metadata,
+          title: upDatedRlease.metadata.title,
+          description: upDatedRlease.metadata.description,
+        },
+      })
+    },
+    [onChange, value],
+  )
+
   return (
     <Stack space={5}>
       <Stack space={2} style={{margin: -1}}>
@@ -130,27 +111,7 @@ export function ReleaseForm(props: {
           />
         )}
       </Stack>
-
-      <Stack space={3}>
-        <FormFieldHeaderText title={t('release.form.title')} validation={titleErrors} />
-        <TextInput
-          data-testid="release-form-title"
-          onChange={handleReleaseTitleChange}
-          customValidity={titleErrors.length > 0 ? 'error' : undefined}
-          value={title || ''}
-        />
-      </Stack>
-
-      <Stack space={3}>
-        <Text size={1} weight="medium">
-          {t('release.form.description')}
-        </Text>
-        <TextArea
-          onChange={handleBundleDescriptionChange}
-          value={description || ''}
-          data-testid="release-form-description"
-        />
-      </Stack>
+      <ReleaseInputsForm release={value} onChange={handleTitleDescriotionChange} />
     </Stack>
   )
 }
diff --git a/packages/sanity/src/core/releases/components/dialog/ReleaseIconEditorPicker.tsx b/packages/sanity/src/core/releases/components/dialog/ReleaseIconEditorPicker.tsx
deleted file mode 100644
index 0c024ec2fa8..00000000000
--- a/packages/sanity/src/core/releases/components/dialog/ReleaseIconEditorPicker.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-import {COLOR_HUES, type ColorHueKey} from '@sanity/color'
-import {icons, type IconSymbol, SearchIcon} from '@sanity/icons'
-import {Avatar, Box, Container, Flex, Stack, TextInput, useClickOutside} from '@sanity/ui'
-import {useCallback, useState} from 'react'
-import {styled} from 'styled-components'
-
-import {Button, Popover, TooltipDelayGroupProvider} from '../../../../ui-components'
-import {useTranslation} from '../../../i18n'
-import {ReleaseBadge} from '../ReleaseBadge'
-
-const StyledStack = styled(Stack)`
-  border-top: 1px solid var(--card-border-color);
-`
-const IconPickerFlex = styled(Flex)`
-  max-height: 269px;
-  max-width: 269px;
-`
-
-export interface ReleaseIconEditorPickerValue {
-  hue: ColorHueKey
-  icon: IconSymbol
-}
-
-export function ReleaseIconEditorPicker(props: {
-  onChange: (value: ReleaseIconEditorPickerValue) => void
-  value: ReleaseIconEditorPickerValue
-}): JSX.Element {
-  const {onChange, value} = props
-
-  const [open, setOpen] = useState(false)
-
-  const [iconSearchQuery, setIconSearchQuery] = useState('')
-
-  const handleIconSearchQueryChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
-    setIconSearchQuery(event.target.value)
-  }, [])
-
-  const [button, setButton] = useState<HTMLButtonElement | null>(null)
-  const [popover, setPopover] = useState<HTMLDivElement | null>(null)
-
-  const {t} = useTranslation()
-
-  const handleClickOutside = useCallback(() => {
-    setOpen(false)
-  }, [])
-
-  const handleOnPickerOpen = useCallback(() => {
-    setOpen((o) => !o)
-  }, [])
-
-  const handleHueChange = (hue: ColorHueKey) => (event: React.MouseEvent<HTMLButtonElement>) => {
-    event.preventDefault()
-    onChange({...value, hue})
-  }
-
-  const handleIconChange = (icon: IconSymbol) => (event: React.MouseEvent<HTMLButtonElement>) => {
-    event.preventDefault()
-    onChange({...value, icon})
-  }
-
-  useClickOutside(handleClickOutside, [button, popover])
-
-  return (
-    <Popover
-      content={
-        <Container data-testid="popover-content">
-          <Flex gap={1} padding={1}>
-            <TooltipDelayGroupProvider>
-              {COLOR_HUES.map((hue) => (
-                <Button
-                  tooltipProps={{content: hue.replace(/-/g, ' ')}}
-                  key={hue}
-                  mode="bleed"
-                  onClick={handleHueChange(hue)}
-                  paddingY={1}
-                  style={{padding: 0}}
-                  selected={value.hue === hue}
-                  data-testid={`hue-button-${hue}`}
-                >
-                  <Box style={{margin: '0 -4px'}}>
-                    <Avatar color={hue} size={0} style={{padding: 0}} />
-                  </Box>
-                </Button>
-              ))}
-            </TooltipDelayGroupProvider>
-          </Flex>
-          <StyledStack>
-            <Box padding={1}>
-              <TextInput
-                fontSize={1}
-                icon={SearchIcon}
-                onChange={handleIconSearchQueryChange}
-                padding={2}
-                placeholder={t('release.form.search-icon')}
-                space={2}
-                value={iconSearchQuery}
-              />
-            </Box>
-            <IconPickerFlex gap={1} overflow="auto" padding={1} wrap="wrap">
-              <TooltipDelayGroupProvider>
-                {Object.entries(icons)
-                  .filter(
-                    ([key]) => !iconSearchQuery || key.includes(iconSearchQuery.toLowerCase()),
-                  )
-                  .map(([key, icon]) => (
-                    <Button
-                      tooltipProps={{content: key.replace(/-/g, ' ')}}
-                      icon={icon}
-                      key={key}
-                      mode="bleed"
-                      onClick={handleIconChange(key as IconSymbol)}
-                      data-testid={`icon-button-${key}`}
-                    />
-                  ))}
-              </TooltipDelayGroupProvider>
-            </IconPickerFlex>
-          </StyledStack>
-        </Container>
-      }
-      open={open}
-      placement="bottom-start"
-      portal
-      ref={setPopover}
-    >
-      <div>
-        <Button
-          tooltipProps={{content: t('release.form.search-icon-tooltip')}}
-          mode="bleed"
-          onClick={handleOnPickerOpen}
-          ref={setButton}
-          selected={open}
-          style={{borderRadius: '50%'}}
-          data-testid="icon-picker-button"
-        >
-          <Box style={{margin: -8}}>
-            <ReleaseBadge hue={value.hue} icon={value.icon} />
-          </Box>
-        </Button>
-      </div>
-    </Popover>
-  )
-}
diff --git a/packages/sanity/src/core/releases/components/dialog/ReleaseInputsForm.tsx b/packages/sanity/src/core/releases/components/dialog/ReleaseInputsForm.tsx
new file mode 100644
index 00000000000..0f27dd69a65
--- /dev/null
+++ b/packages/sanity/src/core/releases/components/dialog/ReleaseInputsForm.tsx
@@ -0,0 +1,177 @@
+import {Box} from '@sanity/ui'
+// eslint-disable-next-line camelcase
+import {getTheme_v2} from '@sanity/ui/theme'
+import {type ChangeEvent, useCallback, useEffect, useRef, useState} from 'react'
+import {css, styled} from 'styled-components'
+
+import {useTranslation} from '../../../i18n/hooks/useTranslation'
+import {type EditableReleaseDocument} from '../../../store'
+import {DEFAULT_RELEASE_TYPE} from '../../util/const'
+
+const MAX_DESCRIPTION_HEIGHT = 200
+
+const TitleInput = styled.input((props) => {
+  const {color, font} = getTheme_v2(props.theme)
+  return css`
+    resize: none;
+    overflow: hidden;
+    appearance: none;
+    background: none;
+    border: 0;
+    padding: 0;
+    border-radius: 0;
+    outline: none;
+    width: 100%;
+    box-sizing: border-box;
+    font-family: ${font.text.family};
+    font-weight: ${font.text.weights.bold};
+    font-size: ${font.text.sizes[4].fontSize}px;
+    line-height: ${font.text.sizes[4].lineHeight}px;
+    margin: 0;
+    position: relative;
+    z-index: 1;
+    display: block;
+    transition: height 500ms;
+    /* NOTE: This is a hack to disable Chrome’s autofill styles */
+    &:-webkit-autofill,
+    &:-webkit-autofill:hover,
+    &:-webkit-autofill:focus,
+    &:-webkit-autofill:active {
+      -webkit-text-fill-color: var(--input-fg-color) !important;
+      transition: background-color 5000s;
+      transition-delay: 86400s /* 24h */;
+    }
+
+    color: ${color.input.default.enabled.fg};
+
+    &::placeholder {
+      color: ${color.input.default.enabled.placeholder};
+    }
+  `
+})
+
+const DescriptionTextArea = styled.textarea((props) => {
+  const {color, font} = getTheme_v2(props.theme)
+
+  return css`
+    resize: none;
+    overflow: hidden;
+    appearance: none;
+    background: none;
+    border: 0;
+    padding: 0;
+    border-radius: 0;
+    outline: none;
+    width: 100%;
+    box-sizing: border-box;
+    font-family: ${font.text.family};
+    font-weight: ${font.text.weights.regular};
+    font-size: ${font.text.sizes[2].fontSize}px;
+    height: auto;
+    line-height: ${font.text.sizes[2].lineHeight}px;
+    margin: 0;
+    max-width: 624px;
+    position: relative;
+    z-index: 1;
+    display: block;
+    color: ${color.input.default.enabled.fg};
+
+    &::placeholder {
+      color: ${color.input.default.enabled.placeholder};
+    }
+  `
+})
+
+export function ReleaseInputsForm({
+  release,
+  onChange,
+}: {
+  release: EditableReleaseDocument
+  onChange: (changedValue: EditableReleaseDocument) => void
+}): JSX.Element {
+  const descriptionRef = useRef<HTMLTextAreaElement | null>(null)
+
+  const [scrollHeight, setScrollHeight] = useState(46)
+  const [value, setValue] = useState((): EditableReleaseDocument => {
+    return {
+      _id: release?._id,
+      metadata: {
+        title: release?.metadata.title,
+        description: release?.metadata.description,
+        intendedPublishAt: release?.metadata?.intendedPublishAt,
+        releaseType: release?.metadata.releaseType || DEFAULT_RELEASE_TYPE,
+      },
+    } as const
+  })
+  const {t} = useTranslation()
+
+  useEffect(() => {
+    // make sure that the text area for the description has the right height initially
+    if (descriptionRef.current) {
+      setScrollHeight(descriptionRef.current.scrollHeight)
+    }
+  }, [])
+
+  const handleTitleChange = useCallback(
+    (event: ChangeEvent<HTMLInputElement>) => {
+      event.preventDefault()
+      const title = event.target.value
+      onChange({...value, metadata: {...value.metadata, title}})
+      // save the values to make input snappier while requests happen in the background
+      setValue({...value, metadata: {...value.metadata, title}})
+    },
+    [onChange, value],
+  )
+
+  const handleDescriptionChange = useCallback(
+    (event: ChangeEvent<HTMLTextAreaElement>) => {
+      event.preventDefault()
+      const description = event.target.value
+      onChange({...value, metadata: {...value.metadata, description}})
+      // save the values to make input snappier while requests happen in the background
+      setValue({...value, metadata: {...value.metadata, description}})
+
+      /** we must reset the height in order to make sure that if the text area shrinks,
+       * that the actual input will change height as well */
+      if (descriptionRef.current) {
+        descriptionRef.current.style.overflow = 'hidden'
+        descriptionRef.current.style.height = 'auto'
+        descriptionRef.current.style.height = `${descriptionRef.current.scrollHeight}px`
+
+        if (parseInt(descriptionRef.current.style.height, 10) > MAX_DESCRIPTION_HEIGHT) {
+          descriptionRef.current.style.overflow = 'auto'
+        }
+      }
+
+      setScrollHeight(event.currentTarget.scrollHeight)
+    },
+    [onChange, value],
+  )
+
+  return (
+    <>
+      <Box paddingBottom={3}>
+        <TitleInput
+          onChange={handleTitleChange}
+          value={value.metadata.title}
+          placeholder={t('release.placeholder-untitled-release')}
+          data-testid="release-form-title"
+        />
+      </Box>
+      <Box>
+        <DescriptionTextArea
+          ref={descriptionRef}
+          autoFocus={!value}
+          value={value.metadata.description}
+          placeholder={t('release.form.placeholer-describe-release')}
+          onChange={handleDescriptionChange}
+          style={{
+            height: `${scrollHeight}px`,
+            maxHeight: MAX_DESCRIPTION_HEIGHT,
+          }}
+          data-testid="release-form-description"
+        />
+      </Box>
+    </>
+  )
+}
diff --git a/packages/sanity/src/core/releases/components/dialog/__tests__/ReleaseDetailsDialog.test.tsx b/packages/sanity/src/core/releases/components/dialog/__tests__/ReleaseDetailsDialog.test.tsx
index 31ea7e73387..e178657d6e7 100644
--- a/packages/sanity/src/core/releases/components/dialog/__tests__/ReleaseDetailsDialog.test.tsx
+++ b/packages/sanity/src/core/releases/components/dialog/__tests__/ReleaseDetailsDialog.test.tsx
@@ -1,4 +1,4 @@
-import {fireEvent, render, screen, waitFor, within} from '@testing-library/react'
+import {fireEvent, render, screen} from '@testing-library/react'
 import {afterEach, beforeEach, describe, expect, it, type Mock, vi} from 'vitest'
 
 import {createTestProvider} from '../../../../../../test/testUtils/TestProvider'
@@ -7,10 +7,6 @@ import {useReleaseOperations} from '../../../../store/release/useReleaseOperatio
 import {usePerspective} from '../../../hooks/usePerspective'
 import {ReleaseDetailsDialog} from '../ReleaseDetailsDialog'
 
-/*vi.mock('../../../../../core/hooks/useDateTimeFormat', () => ({
-  useDateTimeFormat: vi.fn(),
-}))*/
-
 vi.mock('../../../../store/release', () => ({
   useReleases: vi.fn(),
 }))
@@ -28,6 +24,12 @@ vi.mock('../../../hooks/usePerspective', () => ({
   }),
 }))
 
+vi.mock('../../../i18n/hooks/useTranslation', () => ({
+  useTranslate: vi.fn().mockReturnValue({
+    t: vi.fn(),
+  }),
+}))
+
 const mockUseBundleStore = useReleases as Mock<typeof useReleases>
 //const mockUseDateTimeFormat = useDateTimeFormat as Mock
 
@@ -90,7 +92,7 @@ describe('ReleaseDetailsDialog', () => {
 
       expect(useReleaseOperations().createRelease).toHaveBeenCalledWith(
         expect.objectContaining({
-          _id: expect.stringMatching(/r\w{8}$/),
+          _id: expect.stringContaining('releases'),
           ...value,
         }),
       )
@@ -98,103 +100,7 @@ describe('ReleaseDetailsDialog', () => {
 
       expect(usePerspective().setPerspective).toHaveBeenCalledOnce()
 
-      expect(usePerspective().setPerspective).toHaveBeenCalledWith(expect.stringMatching(/r\w{8}$/))
-
       expect(onSubmitMock).toHaveBeenCalled()
     })
   })
-
-  describe('when updating an existing release', () => {
-    const onCancelMock = vi.fn()
-    const onSubmitMock = vi.fn()
-    const existingBundleValue: ReleaseDocument = {
-      _id: 'existing-release',
-      name: 'existing',
-      state: 'active',
-      _type: 'system.release',
-      _createdAt: '2024-07-02T11:37:51Z',
-      _updatedAt: '2024-07-12T10:39:32Z',
-      createdBy: '123',
-      metadata: {
-        description: 'Existing release description',
-        releaseType: 'asap',
-        title: 'Existing release',
-      },
-    }
-
-    beforeEach(async () => {
-      onCancelMock.mockClear()
-      onSubmitMock.mockClear()
-
-      mockUseBundleStore.mockReturnValue({
-        data: [],
-        releasesIds: [],
-        archivedReleases: [],
-        loading: true,
-        dispatch: vi.fn(),
-        error: undefined,
-      })
-
-      //mockUseDateTimeFormat.mockReturnValue({format: vi.fn().mockReturnValue('Mocked date')})
-
-      const wrapper = await createTestProvider()
-      render(
-        <ReleaseDetailsDialog
-          onCancel={onCancelMock}
-          onSubmit={onSubmitMock}
-          release={existingBundleValue}
-        />,
-        {wrapper},
-      )
-    })
-
-    it('should have edit title and CTA label', () => {
-      expect(screen.getAllByText('Edit release')).toHaveLength(2)
-      within(screen.getByTestId('submit-release-button')).getByText('Edit release')
-    })
-
-    it('should disable edit CTA when no title entered', () => {
-      expect(screen.getByTestId('release-form-title')).toHaveValue(
-        existingBundleValue.metadata.title,
-      )
-      fireEvent.change(screen.getByTestId('release-form-title'), {target: {value: ''}})
-
-      expect(screen.getByTestId('submit-release-button')).toBeDisabled()
-
-      // whitespace should be trimmed
-      fireEvent.change(screen.getByTestId('release-form-title'), {target: {value: '   '}})
-
-      expect(screen.getByTestId('submit-release-button')).toBeDisabled()
-    })
-
-    it('should patch the release document when submitted', () => {
-      fireEvent.change(screen.getByTestId('release-form-title'), {target: {value: 'New title  '}})
-      fireEvent.change(screen.getByTestId('release-form-description'), {
-        target: {value: 'New description'},
-      })
-      fireEvent.click(screen.getByTestId('submit-release-button'))
-
-      const {_id} = existingBundleValue
-
-      expect(useReleaseOperations().updateRelease).toHaveBeenCalledWith({
-        _id,
-        metadata: {
-          title: 'New title',
-          description: 'New description',
-          intendedPublishAt: undefined,
-          releaseType: 'asap',
-        },
-      } satisfies Partial<ReleaseDocument>)
-    })
-
-    it('should not change the perspective', async () => {
-      fireEvent.click(screen.getByTestId('submit-release-button'))
-
-      await waitFor(() => {
-        expect(useReleaseOperations().updateRelease).toHaveBeenCalled()
-      })
-
-      expect(usePerspective().setPerspective).not.toHaveBeenCalled()
-    })
-  })
 })
diff --git a/packages/sanity/src/core/releases/components/dialog/__tests__/ReleaseForm.test.tsx b/packages/sanity/src/core/releases/components/dialog/__tests__/ReleaseForm.test.tsx
index 5d74c66757f..fdc630ff2ef 100644
--- a/packages/sanity/src/core/releases/components/dialog/__tests__/ReleaseForm.test.tsx
+++ b/packages/sanity/src/core/releases/components/dialog/__tests__/ReleaseForm.test.tsx
@@ -19,6 +19,12 @@ vi.mock('../../../../store/release', () => ({
   useReleases: vi.fn(),
 }))
 
+vi.mock('../../../i18n/hooks/useTranslation', () => ({
+  useTranslate: vi.fn().mockReturnValue({
+    t: vi.fn(),
+  }),
+}))
+
 const mockUseReleases = useReleases as Mock<typeof useReleases>
 const mockUseDateTimeFormat = useDateTimeFormat as Mock
 
diff --git a/packages/sanity/src/core/releases/components/dialog/__tests__/ReleaseIconEditorPicker.test.tsx b/packages/sanity/src/core/releases/components/dialog/__tests__/ReleaseIconEditorPicker.test.tsx
deleted file mode 100644
index 7f31adc1cef..00000000000
--- a/packages/sanity/src/core/releases/components/dialog/__tests__/ReleaseIconEditorPicker.test.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import {fireEvent, render, screen} from '@testing-library/react'
-import {beforeEach, describe, expect, it, vi} from 'vitest'
-
-import {createTestProvider} from '../../../../../../test/testUtils/TestProvider'
-import {
-  ReleaseIconEditorPicker,
-  type ReleaseIconEditorPickerValue,
-} from '../ReleaseIconEditorPicker'
-
-vi.mock('sanity', () => {
-  return {
-    SANITY_VERSION: '0.0.0',
-    useTranslation: vi.fn().mockReturnValue({t: vi.fn()}),
-  }
-})
-
-describe('BundleIconEditorPicker', () => {
-  const onChangeMock = vi.fn()
-  const valueMock: ReleaseIconEditorPickerValue = {
-    hue: 'gray',
-    icon: 'cube',
-  }
-
-  beforeEach(async () => {
-    onChangeMock.mockClear()
-
-    const wrapper = await createTestProvider()
-    render(<ReleaseIconEditorPicker onChange={onChangeMock} value={valueMock} />, {wrapper})
-  })
-
-  it('should render the icon picker button', () => {
-    const iconPickerButton = screen.getByTestId('icon-picker-button')
-    expect(iconPickerButton).toBeInTheDocument()
-  })
-
-  it('should open the popover when the icon picker button is clicked', () => {
-    const iconPickerButton = screen.getByTestId('icon-picker-button')
-    fireEvent.click(iconPickerButton)
-    const popoverContent = screen.getByTestId('popover-content')
-    expect(popoverContent).toBeInTheDocument()
-  })
-
-  it('should call onChange with the selected hue when a hue button is clicked', () => {
-    const iconPickerButton = screen.getByTestId('icon-picker-button')
-    fireEvent.click(iconPickerButton)
-    const hueButton = screen.getByTestId('hue-button-magenta')
-    fireEvent.click(hueButton)
-    expect(onChangeMock).toHaveBeenCalledWith({...valueMock, hue: 'magenta'})
-  })
-
-  it('should call onChange with the selected icon when an icon button is clicked', () => {
-    const iconPickerButton = screen.getByTestId('icon-picker-button')
-    fireEvent.click(iconPickerButton)
-    const iconButton = screen.getByTestId('icon-button-circle')
-    fireEvent.click(iconButton)
-    expect(onChangeMock).toHaveBeenCalledWith({...valueMock, icon: 'circle'})
-  })
-})
diff --git a/packages/sanity/src/core/releases/navbar/GlobalPerspectiveMenuItem.tsx b/packages/sanity/src/core/releases/navbar/GlobalPerspectiveMenuItem.tsx
index 4bbbbe4911f..d24b3edde63 100644
--- a/packages/sanity/src/core/releases/navbar/GlobalPerspectiveMenuItem.tsx
+++ b/packages/sanity/src/core/releases/navbar/GlobalPerspectiveMenuItem.tsx
@@ -2,7 +2,7 @@ import {DotIcon, EyeClosedIcon, EyeOpenIcon} from '@sanity/icons'
 // eslint-disable-next-line no-restricted-imports -- custom use for MenuItem & Button not supported by ui-components
 import {Box, Button, Flex, MenuItem, Stack, Text} from '@sanity/ui'
 import {formatRelative} from 'date-fns'
-import {type CSSProperties, forwardRef, type MouseEvent, useCallback} from 'react'
+import {type CSSProperties, forwardRef, type MouseEvent, useCallback, useMemo} from 'react'
 import {css, styled} from 'styled-components'
 
 import {Tooltip} from '../../../ui-components/tooltip'
@@ -89,6 +89,7 @@ export const GlobalPerspectiveMenuItem = forwardRef<
     isPerspectiveExcluded,
   } = usePerspective()
   const isReleasePublishedPerspective = isPublishedPerspective(release)
+  const isUnnamedRelease = !isReleasePublishedPerspective && !release.metadata.title
   const releaseId = isReleasePublishedPerspective ? 'published' : release._id
   const active = releaseId === currentGlobalBundleId
   const first = rangePosition === 'first'
@@ -103,6 +104,18 @@ export const GlobalPerspectiveMenuItem = forwardRef<
 
   const {t} = useTranslation()
 
+  const displayTitle = useMemo(() => {
+    if (isUnnamedRelease) {
+      return t('release.placeholder-untitled-release')
+    }
+
+    if (isReleasePublishedPerspective) {
+      return t('release.published')
+    }
+
+    return release.metadata?.title
+  }, [isReleasePublishedPerspective, isUnnamedRelease, release, t])
+
   const handleToggleReleaseVisibility = useCallback(
     (event: MouseEvent<HTMLDivElement>) => {
       event.stopPropagation()
diff --git a/packages/sanity/src/core/releases/navbar/ReleasesNav.tsx b/packages/sanity/src/core/releases/navbar/ReleasesNav.tsx
index 70a953a9086..55b0e77af54 100644
--- a/packages/sanity/src/core/releases/navbar/ReleasesNav.tsx
+++ b/packages/sanity/src/core/releases/navbar/ReleasesNav.tsx
@@ -74,7 +74,8 @@ export function ReleasesNav(): JSX.Element {
             <Text size={1} textOverflow="ellipsis" weight="medium">
               {isPublishedPerspective(currentGlobalBundle)
                 ? t('release.chip.published')
-                : currentGlobalBundle.metadata?.title}
+                : (currentGlobalBundle.metadata?.title ??
+                  t('release.placeholder-untitled-release'))}
             </Text>
           </Stack>
         </Flex>
diff --git a/packages/sanity/src/core/releases/tool/detail/ReleaseDashboardDetails.tsx b/packages/sanity/src/core/releases/tool/detail/ReleaseDashboardDetails.tsx
index 201cef7c38e..d6de0bdb2b0 100644
--- a/packages/sanity/src/core/releases/tool/detail/ReleaseDashboardDetails.tsx
+++ b/packages/sanity/src/core/releases/tool/detail/ReleaseDashboardDetails.tsx
@@ -89,10 +89,7 @@ export function ReleaseDashboardDetails({release}: {release: ReleaseDocument}) {
         </Flex>
 
         <Box padding={2}>
-          <ReleaseDetailsEditor
-            description={release.metadata.description}
-            title={release.metadata.title}
-          />
+          <ReleaseDetailsEditor release={release} />
         </Box>
       </Stack>
     </Container>
diff --git a/packages/sanity/src/core/releases/tool/detail/ReleaseDetailsEditor.test.tsx b/packages/sanity/src/core/releases/tool/detail/ReleaseDetailsEditor.test.tsx
new file mode 100644
index 00000000000..044a4ec5689
--- /dev/null
+++ b/packages/sanity/src/core/releases/tool/detail/ReleaseDetailsEditor.test.tsx
@@ -0,0 +1,73 @@
+import {fireEvent, render, screen, waitFor} from '@testing-library/react'
+import {beforeEach, describe, expect, it, vi} from 'vitest'
+
+import {createTestProvider} from '../../../../../test/testUtils/TestProvider'
+import {type ReleaseDocument, useReleaseOperations} from '../../../store'
+import {ReleaseDetailsEditor} from './ReleaseDetailsEditor'
+
+// Mock the dependencies
+vi.mock('../../../store/release/useReleaseOperations', () => ({
+  useReleaseOperations: vi.fn().mockReturnValue({
+    updateRelease: vi.fn(),
+  }),
+}))
+
+describe('ReleaseDetailsEditor', () => {
+  beforeEach(async () => {
+    const initialRelease = {
+      _id: 'release1',
+      metadata: {
+        title: 'Initial Title',
+        description: '',
+        releaseType: 'asap',
+        intendedPublishAt: undefined,
+      },
+    } as ReleaseDocument
+    const wrapper = await createTestProvider()
+    render(<ReleaseDetailsEditor release={initialRelease} />, {wrapper})
+  })
+
+  it('should call updateRelease after title change', () => {
+    const release = {
+      _id: 'release1',
+      metadata: {
+        title: 'New Title',
+        description: '',
+        releaseType: 'asap',
+        intendedPublishAt: undefined,
+      },
+    } as ReleaseDocument
+
+    const input = screen.getByTestId('release-form-title')
+    fireEvent.change(input, {target: {value: release.metadata.title}})
+
+    waitFor(
+      () => {
+        expect(useReleaseOperations().updateRelease).toHaveBeenCalledWith(release)
+      },
+      {timeout: 250},
+    )
+  })
+
+  it('should call updateRelease after description change', () => {
+    const release = {
+      _id: 'release1',
+      metadata: {
+        title: 'Initial Title',
+        description: 'woo hoo',
+        releaseType: 'asap',
+        intendedPublishAt: undefined,
+      },
+    } as ReleaseDocument
+
+    const input = screen.getByTestId('release-form-description')
+    fireEvent.change(input, {target: {value: release.metadata.description}})
+
+    waitFor(
+      () => {
+        expect(useReleaseOperations().updateRelease).toHaveBeenCalledWith(release)
+      },
+      {timeout: 250},
+    )
+  })
+})
diff --git a/packages/sanity/src/core/releases/tool/detail/ReleaseDetailsEditor.tsx b/packages/sanity/src/core/releases/tool/detail/ReleaseDetailsEditor.tsx
index f2b25b126de..a88f39e99d5 100644
--- a/packages/sanity/src/core/releases/tool/detail/ReleaseDetailsEditor.tsx
+++ b/packages/sanity/src/core/releases/tool/detail/ReleaseDetailsEditor.tsx
@@ -1,27 +1,29 @@
-import {Box, Heading, Text} from '@sanity/ui'
+import {useCallback, useState} from 'react'
 
-import {type ReleaseDocument} from '../../../store'
+import {
+  type EditableReleaseDocument,
+  type ReleaseDocument,
+  useReleaseOperations,
+} from '../../../store'
+import {ReleaseInputsForm} from '../../components/dialog/ReleaseInputsForm'
 
-// TODO: This is not a working example, it's just a placeholder. A proper editor should be implemented.
-export function ReleaseDetailsEditor({
-  description,
-  title,
-}: {
-  description: ReleaseDocument['metadata']['description']
-  title: ReleaseDocument['metadata']['title']
-}) {
-  return (
-    <>
-      <Box paddingBottom={3}>
-        <Heading size={3} style={{margin: '1px 0'}} as="h1">
-          {title}
-        </Heading>
-      </Box>
-      <Box paddingTop={3}>
-        <Text muted size={2} style={{maxWidth: 600}}>
-          {description || 'Describe the release...'}
-        </Text>
-      </Box>
-    </>
+export function ReleaseDetailsEditor({release}: {release: ReleaseDocument}): JSX.Element {
+  const {updateRelease} = useReleaseOperations()
+  const [timer, setTimer] = useState<NodeJS.Timeout | undefined>(undefined)
+
+  const handleOnChange = useCallback(
+    (changedValue: EditableReleaseDocument) => {
+      clearTimeout(timer)
+
+      /** @todo I wasn't able to get this working with the debouncer that we use in other parts */
+      const newTimer = setTimeout(() => {
+        updateRelease(changedValue)
+      }, 200)
+
+      setTimer(newTimer)
+    },
+    [timer, updateRelease],
   )
+
+  return <ReleaseInputsForm release={release} onChange={handleOnChange} />
 }
diff --git a/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveList.tsx b/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveList.tsx
index 6ac04176f3a..5d3e86a9eca 100644
--- a/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveList.tsx
+++ b/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveList.tsx
@@ -175,7 +175,7 @@ export const DocumentPerspectiveList = memo(function DocumentPerspectiveList() {
             tooltipContent={<TooltipContent release={release} />}
             selected={release.name === getVersionFromId(displayed?._id || '')}
             onClick={handleBundleChange(release.name)}
-            text={release.metadata.title}
+            text={release.metadata.title || t('release.placeholder-untitled-release')}
             tone={getReleaseTone(release)}
             contextValues={{
               documentId: displayed?._id || '',
diff --git a/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/contextMenu/VersionContextMenu.tsx b/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/contextMenu/VersionContextMenu.tsx
index 73906e0ea7c..b08ca6f5a68 100644
--- a/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/contextMenu/VersionContextMenu.tsx
+++ b/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/contextMenu/VersionContextMenu.tsx
@@ -72,7 +72,6 @@ export const VersionContextMenu = memo(function VersionContextMenu(props: {
                   as="a"
                   key={option.value._id}
                   onClick={() => onCreateVersion(option.value._id)}
-                  text={option.value.metadata?.title}
                   renderMenuItem={() => <VersionContextMenuItem release={option.value} />}
                   disabled={disabled}
                 />
diff --git a/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/contextMenu/VersionContextMenuItem.tsx b/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/contextMenu/VersionContextMenuItem.tsx
index 4bb998a07f9..7c6d7a7fb73 100644
--- a/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/contextMenu/VersionContextMenuItem.tsx
+++ b/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/contextMenu/VersionContextMenuItem.tsx
@@ -23,7 +23,7 @@ export const VersionContextMenuItem = memo(function VersionContextMenuItem(props
       <ReleaseAvatar padding={2} tone={getReleaseTone(release)} />
       <Stack flex={1} space={2}>
         <Text size={1} weight="medium">
-          {release.metadata.title}
+          {release.metadata?.title ?? t('release.placeholder-untitled-release')}
         </Text>
         <Text muted size={1}>
           {release.metadata.releaseType === 'asap' && <>{t('release.type.asap')}</>}