diff --git a/packages/components/loading/src/loading.ts b/packages/components/loading/src/loading.ts
index 648bd596a7..ce4d26b9d2 100644
--- a/packages/components/loading/src/loading.ts
+++ b/packages/components/loading/src/loading.ts
@@ -80,14 +80,14 @@ export function createLoadingComponent(options: LoadingOptionsResolved) {
           'svg',
           {
             class: 'circular',
-            viewBox: data.svgViewBox ? data.svgViewBox : '25 25 50 50',
+            viewBox: data.svgViewBox ? data.svgViewBox : '0 0 50 50',
             ...(svg ? { innerHTML: svg } : {}),
           },
           [
             h('circle', {
               class: 'path',
-              cx: '50',
-              cy: '50',
+              cx: '25',
+              cy: '25',
               r: '20',
               fill: 'none',
             }),