diff --git a/ui/src/views/form/FormButtons.tsx b/ui/src/views/form/FormButtons.tsx
index 0ab8d622..c92bded6 100644
--- a/ui/src/views/form/FormButtons.tsx
+++ b/ui/src/views/form/FormButtons.tsx
@@ -10,6 +10,7 @@ import { useToolbar } from '../list/useToolbar'
 import { PermissionResults, RowMode } from './types'
 import { GridDto } from '@/proxy/form/models'
 import React from 'react'
+import { ROUTES_ENUM } from '@/routes/route.constant'
 
 const FormButtons = (props: {
   mode: RowMode
@@ -74,7 +75,7 @@ const FormButtons = (props: {
       if (props.onActionNew) {
         props.onActionNew()
       } else {
-        navigate(`/form/${listFormCode}`)
+        navigate(ROUTES_ENUM.protected.admin.formNew.replace(':formCode', listFormCode))
       }
       toast.push(
         <Notification type="success" duration={2000}>
@@ -182,7 +183,7 @@ const FormButtons = (props: {
               if (onActionNew) {
                 onActionNew()
               } else {
-                navigate(`/form/${listFormCode}`)
+                navigate(ROUTES_ENUM.protected.admin.formNew.replace(':listFormCode', listFormCode))
               }
             }}
             {...(permissions.c ? {} : { disabled: true })}
@@ -199,7 +200,7 @@ const FormButtons = (props: {
               if (onActionEdit) {
                 onActionEdit()
               } else {
-                navigate(`edit`)
+                navigate(ROUTES_ENUM.protected.admin.formEdit.replace(':listFormCode', listFormCode).replace(':id', id!))
               }
             }}
             {...(permissions.u ? {} : { disabled: true })}
@@ -216,7 +217,7 @@ const FormButtons = (props: {
               if (onActionView) {
                 onActionView()
               } else {
-                navigate(`/form/${listFormCode}/${id}`)
+                navigate(ROUTES_ENUM.protected.admin.formView.replace(':listFormCode', listFormCode).replace(':id', id!))
               }
             }}
             {...(permissions.r ? {} : { disabled: true })}