diff --git a/package-lock.json b/package-lock.json
index 639528ee..4b2389fd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "vue-data-ui",
-  "version": "1.9.62",
+  "version": "1.9.63",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "vue-data-ui",
-      "version": "1.9.62",
+      "version": "1.9.63",
       "license": "MIT",
       "devDependencies": {
         "@vitejs/plugin-vue": "^4.2.3",
diff --git a/package.json b/package.json
index 3ca06b44..cee31342 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "1.9.62",
+  "version": "1.9.63",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [
diff --git a/src/components/vue-ui-age-pyramid.vue b/src/components/vue-ui-age-pyramid.vue
index c1721817..e6749733 100644
--- a/src/components/vue-ui-age-pyramid.vue
+++ b/src/components/vue-ui-age-pyramid.vue
@@ -654,6 +654,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 90% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-candlestick.vue b/src/components/vue-ui-candlestick.vue
index ae62c12b..0dabfe54 100644
--- a/src/components/vue-ui-candlestick.vue
+++ b/src/components/vue-ui-candlestick.vue
@@ -801,6 +801,7 @@ input[type="range"]:active::-webkit-slider-thumb{
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-donut-evolution.vue b/src/components/vue-ui-donut-evolution.vue
index 0a8a8535..fa799903 100644
--- a/src/components/vue-ui-donut-evolution.vue
+++ b/src/components/vue-ui-donut-evolution.vue
@@ -809,6 +809,7 @@ path {
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-donut.vue b/src/components/vue-ui-donut.vue
index 232b3c64..e4a1c82c 100644
--- a/src/components/vue-ui-donut.vue
+++ b/src/components/vue-ui-donut.vue
@@ -669,6 +669,7 @@ path {
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-gauge.vue b/src/components/vue-ui-gauge.vue
index fd826f42..5aaf57fe 100644
--- a/src/components/vue-ui-gauge.vue
+++ b/src/components/vue-ui-gauge.vue
@@ -528,6 +528,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-molecule.vue b/src/components/vue-ui-molecule.vue
index fe0d00e6..7308169a 100644
--- a/src/components/vue-ui-molecule.vue
+++ b/src/components/vue-ui-molecule.vue
@@ -556,6 +556,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 100% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-mood-radar.vue b/src/components/vue-ui-mood-radar.vue
index e59015b5..12a0dc94 100644
--- a/src/components/vue-ui-mood-radar.vue
+++ b/src/components/vue-ui-mood-radar.vue
@@ -464,6 +464,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-onion.vue b/src/components/vue-ui-onion.vue
index 33272ba5..58dc62a4 100644
--- a/src/components/vue-ui-onion.vue
+++ b/src/components/vue-ui-onion.vue
@@ -561,6 +561,7 @@ circle {
 
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-quadrant.vue b/src/components/vue-ui-quadrant.vue
index fde401d5..fb5b1e22 100644
--- a/src/components/vue-ui-quadrant.vue
+++ b/src/components/vue-ui-quadrant.vue
@@ -965,6 +965,7 @@ path, line, rect, circle, polygon {
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-radar.vue b/src/components/vue-ui-radar.vue
index 2441955e..fd781db2 100644
--- a/src/components/vue-ui-radar.vue
+++ b/src/components/vue-ui-radar.vue
@@ -642,6 +642,7 @@ path, line, rect, circle {
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-rings.vue b/src/components/vue-ui-rings.vue
index 05129f76..7664926b 100644
--- a/src/components/vue-ui-rings.vue
+++ b/src/components/vue-ui-rings.vue
@@ -577,6 +577,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-scatter.vue b/src/components/vue-ui-scatter.vue
index 20fc4d3c..7a1c36fd 100644
--- a/src/components/vue-ui-scatter.vue
+++ b/src/components/vue-ui-scatter.vue
@@ -731,6 +731,7 @@ path, line, circle {
 
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-vertical-bar.vue b/src/components/vue-ui-vertical-bar.vue
index fb31cc95..f3cdaaf8 100644
--- a/src/components/vue-ui-vertical-bar.vue
+++ b/src/components/vue-ui-vertical-bar.vue
@@ -756,6 +756,7 @@ path, line, rect, circle, polygon {
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-waffle.vue b/src/components/vue-ui-waffle.vue
index fe076ad8..3e46e5ab 100644
--- a/src/components/vue-ui-waffle.vue
+++ b/src/components/vue-ui-waffle.vue
@@ -616,6 +616,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 80% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;
diff --git a/src/components/vue-ui-wheel.vue b/src/components/vue-ui-wheel.vue
index fde8b06a..c87bd961 100644
--- a/src/components/vue-ui-wheel.vue
+++ b/src/components/vue-ui-wheel.vue
@@ -261,6 +261,7 @@ defineExpose({
 }
 .vue-data-ui-fullscreen--on {
     height: 90% !important;
+    margin: 0 auto !important;
 }
 .vue-data-ui-fullscreen--off {
     max-width: 100%;