diff --git a/packages/ui/components/data-portal/ServiceEditDrawer.tsx b/packages/ui/components/data-portal/ServiceEditDrawer.tsx
index 63bdac9380..9483ecfb94 100644
--- a/packages/ui/components/data-portal/ServiceEditDrawer.tsx
+++ b/packages/ui/components/data-portal/ServiceEditDrawer.tsx
@@ -9,6 +9,7 @@ import {
 	rem,
 	Stack,
 	Text,
+	Textarea,
 	Title,
 } from '@mantine/core'
 import { useForm } from '@mantine/form'
@@ -24,7 +25,7 @@ import { Icon } from '~ui/icon'
 import { trpc as api } from '~ui/lib/trpcClient'
 import { DataViewer } from '~ui/other/DataViewer'
 
-import { InlineTextarea, InlineTextInput } from './InlineTextInput'
+import { InlineTextInput } from './InlineTextInput'
 
 const useStyles = createStyles((theme) => ({
 	drawerContent: {
@@ -200,7 +201,8 @@ const _ServiceEditDrawer = forwardRef<HTMLButtonElement, ServiceEditDrawerProps>
 						<Drawer.Body className={classes.drawerBody}>
 							<Stack>
 								<InlineTextInput fontSize='h2' {...form.getInputProps('serviceName.tsKey.text')} />
-								<InlineTextarea
+								<InlineTextInput
+									component={Textarea}
 									fontSize='utility4'
 									autosize
 									{...form.getInputProps('description.tsKey.text')}