diff --git a/web/app/components/app/create-app-dialog/appForm.tsx b/web/app/components/app/create-app-dialog/appForm.tsx
index faf01fbf89..eee0d0648d 100644
--- a/web/app/components/app/create-app-dialog/appForm.tsx
+++ b/web/app/components/app/create-app-dialog/appForm.tsx
@@ -126,7 +126,7 @@ const AppForm = ({
             <div
               className={cn(
                 'relative grow w-[110px] px-0.5 pt-3 pb-2 flex flex-col items-center justify-center gap-1 rounded-lg border border-gray-100 bg-gray-25 text-gray-700 cursor-pointer hover:bg-white hover:shadow-xs hover:border-gray-300',
-                appMode === 'agent-chat' && 'bg-white shadow-xs border-[1.5px] border-primary-400 hover:border-[1.5px] hover:border-primary-400',
+                appMode === 'completion' && 'bg-white shadow-xs border-[1.5px] border-primary-400 hover:border-[1.5px] hover:border-primary-400',
               )}
               onClick={() => {
                 setAppMode('completion')