diff --git a/web/__mocks__/base-ui-select.tsx b/web/__mocks__/base-ui-select.tsx
index 7655164419..8788f40e75 100644
--- a/web/__mocks__/base-ui-select.tsx
+++ b/web/__mocks__/base-ui-select.tsx
@@ -26,15 +26,21 @@ export const SelectTrigger = ({
   children,
   ...props
 }: React.ButtonHTMLAttributes<HTMLButtonElement> & { children?: ReactNode }) => (
-  <button type="button" {...props}>
+  <button type="button" role="combobox" {...props}>
     {children}
   </button>
 )
 
 export const SelectValue = ({ placeholder }: { placeholder?: ReactNode }) => <>{placeholder}</>
 
-export const SelectContent = ({ children }: { children?: ReactNode }) => (
-  <div data-testid="select-content">{children}</div>
+export const SelectContent = ({
+  children,
+  popupClassName,
+}: {
+  children?: ReactNode
+  popupClassName?: string
+}) => (
+  <div data-side="bottom" data-testid="select-content" className={popupClassName}>{children}</div>
 )
 
 export const SelectItem = ({
diff --git a/web/__tests__/base/file-uploader-flow.test.tsx b/web/__tests__/base/file-uploader-flow.test.tsx
index 81dccedfe5..c77c92ad31 100644
--- a/web/__tests__/base/file-uploader-flow.test.tsx
+++ b/web/__tests__/base/file-uploader-flow.test.tsx
@@ -11,6 +11,7 @@ const mockUploadRemoteFileInfo = vi.fn()
 
 vi.mock('@/next/navigation', () => ({
   useParams: () => ({}),
+  usePathname: () => '/',
 }))
 
 vi.mock('@/service/common', () => ({
diff --git a/web/app/components/app/configuration/config-var/config-modal/type-select.tsx b/web/app/components/app/configuration/config-var/config-modal/type-select.tsx
index 089aae8c39..352b3139ff 100644
--- a/web/app/components/app/configuration/config-var/config-modal/type-select.tsx
+++ b/web/app/components/app/configuration/config-var/config-modal/type-select.tsx
@@ -74,7 +74,7 @@ const TypeSelector: FC<Props> = ({
       </SelectTrigger>
       <SelectContent
         sideOffset={4}
-        popupClassName={cn('w-[432px] rounded-md px-1 py-1 text-base sm:text-sm', popupInnerClassName)}
+        popupClassName={cn('w-(--anchor-width) rounded-md px-1 py-1 text-base sm:text-sm', popupInnerClassName)}
         listClassName="max-h-80 p-0"
       >
         {items.map((item: Item) => (
diff --git a/web/app/components/base/form/components/field/__tests__/file-uploader.spec.tsx b/web/app/components/base/form/components/field/__tests__/file-uploader.spec.tsx
index 67716a00c8..3f20afa738 100644
--- a/web/app/components/base/form/components/field/__tests__/file-uploader.spec.tsx
+++ b/web/app/components/base/form/components/field/__tests__/file-uploader.spec.tsx
@@ -29,6 +29,7 @@ vi.mock('../../..', () => ({
 
 vi.mock('@/next/navigation', () => ({
   useParams: () => ({ token: 'test-token' }),
+  usePathname: () => '/',
 }))
 
 describe('FileUploaderField', () => {
diff --git a/web/app/components/base/form/form-scenarios/base/__tests__/field.spec.tsx b/web/app/components/base/form/form-scenarios/base/__tests__/field.spec.tsx
index 81190dc277..ee8065fc50 100644
--- a/web/app/components/base/form/form-scenarios/base/__tests__/field.spec.tsx
+++ b/web/app/components/base/form/form-scenarios/base/__tests__/field.spec.tsx
@@ -8,6 +8,7 @@ import { BaseFieldType } from '../types'
 
 vi.mock('@/next/navigation', () => ({
   useParams: () => ({}),
+  usePathname: () => '/',
 }))
 
 const createConfig = (overrides: Partial<BaseConfiguration> = {}): BaseConfiguration => ({
diff --git a/web/app/components/workflow/variable-inspect/__tests__/value-content-sections.spec.tsx b/web/app/components/workflow/variable-inspect/__tests__/value-content-sections.spec.tsx
index bba17a7c32..e955a0e465 100644
--- a/web/app/components/workflow/variable-inspect/__tests__/value-content-sections.spec.tsx
+++ b/web/app/components/workflow/variable-inspect/__tests__/value-content-sections.spec.tsx
@@ -38,6 +38,7 @@ vi.mock('@/app/components/workflow/nodes/llm/components/json-schema-config-modal
 
 vi.mock('@/next/navigation', () => ({
   useParams: () => ({ token: '' }),
+  usePathname: () => '/',
 }))
 
 describe('value-content sections', () => {