diff --git a/.changeset/orange-fishes-walk.md b/.changeset/orange-fishes-walk.md
new file mode 100644
index 00000000000..cfaba5def96
--- /dev/null
+++ b/.changeset/orange-fishes-walk.md
@@ -0,0 +1,5 @@
+---
+'@talend/design-system': patch
+---
+
+TMC-26227 - Fix design system loading icon on safari browser
diff --git a/packages/design-system/src/components/Accordion/__snapshots__/Accordion.test.tsx.snap b/packages/design-system/src/components/Accordion/__snapshots__/Accordion.test.tsx.snap
index dc8356a5040..a8583bcf31e 100644
--- a/packages/design-system/src/components/Accordion/__snapshots__/Accordion.test.tsx.snap
+++ b/packages/design-system/src/components/Accordion/__snapshots__/Accordion.test.tsx.snap
@@ -151,6 +151,7 @@ exports[`Accordion should render a11y html 1`] = `
             class="theme-status__icon"
           >
             <svg
+              style="width: 100%; height: 100%;"
               viewBox="0 0 16 16"
               xmlns="http://www.w3.org/2000/svg"
             >
diff --git a/packages/design-system/src/components/Button/__snapshots__/Button.test.tsx.snap b/packages/design-system/src/components/Button/__snapshots__/Button.test.tsx.snap
index 0d9e8fec1b1..adfa53d269a 100644
--- a/packages/design-system/src/components/Button/__snapshots__/Button.test.tsx.snap
+++ b/packages/design-system/src/components/Button/__snapshots__/Button.test.tsx.snap
@@ -75,6 +75,7 @@ exports[`Button should render a11y html 1`] = `
         <svg
           aria-hidden="true"
           data-test="button.loading"
+          style="width: 100%; height: 100%;"
           viewBox="0 0 16 16"
           xmlns="http://www.w3.org/2000/svg"
         >
diff --git a/packages/design-system/src/components/Loading/Loading.tsx b/packages/design-system/src/components/Loading/Loading.tsx
index d1c83dfa84b..f3581e7b1c2 100644
--- a/packages/design-system/src/components/Loading/Loading.tsx
+++ b/packages/design-system/src/components/Loading/Loading.tsx
@@ -1,9 +1,15 @@
-import { HTMLAttributes, forwardRef } from 'react';
+import { forwardRef, HTMLAttributes } from 'react';
 
 export type LoadingProps = HTMLAttributes<SVGSVGElement>;
 
 export const Loading = forwardRef<SVGSVGElement, LoadingProps>((props, ref) => (
-	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" ref={ref} {...props}>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		style={{ width: '100%', height: '100%' }}
+		viewBox="0 0 16 16"
+		ref={ref}
+		{...props}
+	>
 		<g>
 			<path
 				fill="currentColor"
diff --git a/packages/design-system/src/components/Loading/__snapshots__/Loading.test.tsx.snap b/packages/design-system/src/components/Loading/__snapshots__/Loading.test.tsx.snap
index ab4ae3c36fb..785f62c6d13 100644
--- a/packages/design-system/src/components/Loading/__snapshots__/Loading.test.tsx.snap
+++ b/packages/design-system/src/components/Loading/__snapshots__/Loading.test.tsx.snap
@@ -3,6 +3,7 @@
 exports[`Loading should render a11y html 1`] = `
 <main>
   <svg
+    style="width: 100%; height: 100%;"
     viewBox="0 0 16 16"
     xmlns="http://www.w3.org/2000/svg"
   >