diff --git a/src/views/commandScreen/components/radarMapOption.vue b/src/views/commandScreen/components/radarMapOption.vue
index 1cd40bdd..3ef05346 100644
--- a/src/views/commandScreen/components/radarMapOption.vue
+++ b/src/views/commandScreen/components/radarMapOption.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="radarMapOption">
-		<div class="header">
+		<div class="header" :class="{ 'justify-center': !props.randerInfo.titleInfo.titleRight }">
 			<div style="display: flex">
 				<span>{{ props.randerInfo.titleInfo.titleLeft }}:</span>
 				<div class="numberCard" v-for="(item, i) in props.randerInfo.titleInfo.percentage.toString()" :key="i">
@@ -173,6 +173,9 @@ onMounted(async () => {
 </script>
 
 <style lang="scss" scoped>
+.justify-center {
+	justify-content: center !important;
+}
 .radarMapOption {
 	width: 100%;
 	height: 100%;