diff --git a/web/src/components/dashboards/perses/dashboard-action-modals.tsx b/web/src/components/dashboards/perses/dashboard-action-modals.tsx
index 05a2de6bb..c3b56fbef 100644
--- a/web/src/components/dashboards/perses/dashboard-action-modals.tsx
+++ b/web/src/components/dashboards/perses/dashboard-action-modals.tsx
@@ -37,11 +37,7 @@ import {
 
 import { Controller, FormProvider, SubmitHandler, useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import {
-  DashboardResource,
-  getResourceDisplayName,
-  getResourceExtendedDisplayName,
-} from '@perses-dev/core';
+import { DashboardResource, getResourceExtendedDisplayName } from '@perses-dev/core';
 import { useToast } from './ToastProvider';
 import { generateMetadataName } from './dashboard-utils';
 import { useEditableProjects } from './hooks/useEditableProjects';
@@ -72,7 +68,7 @@ export const RenameActionModal = ({ dashboard, isOpen, onClose }: ActionModalPro
   const form = useForm<RenameDashboardValidationType>({
     resolver: zodResolver(renameDashboardDialogValidationSchema(t)),
     mode: 'onBlur',
-    defaultValues: { dashboardName: dashboard ? getResourceDisplayName(dashboard) : '' },
+    defaultValues: { dashboardName: '' },
   });
 
   const updateDashboardMutation = useUpdateDashboardMutation();
@@ -108,7 +104,7 @@ export const RenameActionModal = ({ dashboard, isOpen, onClose }: ActionModalPro
 
   const handleClose = () => {
     onClose();
-    form.reset();
+    form.reset({ dashboardName: '' });
   };
 
   return (