diff --git a/apps/web/.example.env b/apps/web/.example.env
index ca92f01b8..6fd1813ea 100644
--- a/apps/web/.example.env
+++ b/apps/web/.example.env
@@ -2,4 +2,5 @@ NEXT_PUBLIC_API_BASE_URL=http://localhost:3000
 NEXT_PUBLIC_EMBED_URL=http://localhost:4701/embed.umd.min.js
 NEXT_PUBLIC_AMPLITUDE_ID=
 NEXT_PUBLIC_TAWK_PROPERTY_ID=
-NEXT_PUBLIC_TAWK_WIDGET_ID=
\ No newline at end of file
+NEXT_PUBLIC_TAWK_WIDGET_ID=
+NEXT_PUBLIC_CUSTOM_VALIDATION_ENABLED=
\ No newline at end of file
diff --git a/apps/web/pages/imports/[id].tsx b/apps/web/pages/imports/[id].tsx
index 62aed62f6..1fc89e5f1 100644
--- a/apps/web/pages/imports/[id].tsx
+++ b/apps/web/pages/imports/[id].tsx
@@ -1,5 +1,6 @@
 import Link from 'next/link';
 import dynamic from 'next/dynamic';
+import getConfig from 'next/config';
 import { GetServerSideProps } from 'next';
 import { ActionIcon, Flex, Group, Title, useMantineTheme } from '@mantine/core';
 
@@ -35,6 +36,8 @@ interface ImportDetailProps {
   template: ITemplate;
 }
 
+const { publicRuntimeConfig } = getConfig();
+
 export default function ImportDetails({ template }: ImportDetailProps) {
   const { colorScheme } = useMantineTheme();
   const { onUpdateClick, onDeleteClick, templateData, profile, onSpreadsheetImported, columns } = useImportDetails({
@@ -98,7 +101,7 @@ export default function ImportDetails({ template }: ImportDetailProps) {
             icon: <ThreeIcon size="xs" />,
             content: <Destination template={template} accessToken={profile?.accessToken} />,
           },
-          ...(process.env.NEXT_PUBLIC_CUSTOM_VALIDATION_ENABLED === 'true'
+          ...(publicRuntimeConfig.NEXT_PUBLIC_CUSTOM_VALIDATION_ENABLED === 'true'
             ? [
                 {
                   value: 'validator',