diff --git a/frontend/src/components/nlp/components/NlpSample.tsx b/frontend/src/components/nlp/components/NlpSample.tsx
index 1c81a366..b773ced0 100644
--- a/frontend/src/components/nlp/components/NlpSample.tsx
+++ b/frontend/src/components/nlp/components/NlpSample.tsx
@@ -51,6 +51,7 @@ import {
 import { INlpSampleEntity } from "@/types/nlp-sample_entity.types";
 import { PermissionAction } from "@/types/permission.types";
 import { getDateTimeFormatter } from "@/utils/date";
+import { buildURL } from "@/utils/URL";
 
 import { NlpImportDialog } from "../NlpImportDialog";
 import { NlpSampleDialog } from "../NlpSampleDialog";
@@ -285,9 +286,10 @@ export default function NlpSample() {
             ) ? (
               <Button
                 variant="contained"
-                href={`${publicRuntimeConfig.apiUrl}/nlpsample/export${
-                  dataset ? `?type=${dataset}` : ""
-                }`}
+                href={buildURL(
+                  publicRuntimeConfig.apiUrl,
+                  `nlpsample/export${dataset ? `?type=${dataset}` : ""}`,
+                )}
                 startIcon={<DownloadIcon />}
               >
                 {t("button.export")}
diff --git a/frontend/src/utils/URL.ts b/frontend/src/utils/URL.ts
index 40bbd7d0..086e4d7a 100644
--- a/frontend/src/utils/URL.ts
+++ b/frontend/src/utils/URL.ts
@@ -26,3 +26,14 @@ export const getFromQuery = ({
     return defaultValue;
   }
 };
+
+export const buildURL = (baseUrl: string, relativePath: string): string => {
+  try {
+ 
+    const url = new URL(relativePath, baseUrl);
+
+    return url.toString();
+  } catch {
+    throw new Error(`Invalid base URL: ${baseUrl}`);
+  }
+};