diff --git a/dolphinscheduler-ui-next/src/views/resource/task-group/queue/index.module.scss b/dolphinscheduler-ui-next/src/views/resource/task-group/queue/index.module.scss
index f838d74927c5530abef5480fc273bb34dbeae181..202f1e2d7e0bab654fec6c32ca81b6887df8a6e2 100644
--- a/dolphinscheduler-ui-next/src/views/resource/task-group/queue/index.module.scss
+++ b/dolphinscheduler-ui-next/src/views/resource/task-group/queue/index.module.scss
@@ -20,17 +20,6 @@
   justify-content: flex-end;
   align-items: center;
   padding: 0 0 0 0;
-  .right {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    div {
-      margin-left: 5px;
-    }
-    button {
-      margin-left: 10px;
-    }
-  }
 }
 
 .table-card {
diff --git a/dolphinscheduler-ui-next/src/views/resource/task-group/queue/index.tsx b/dolphinscheduler-ui-next/src/views/resource/task-group/queue/index.tsx
index bbb7038b967e0e24ac73be748a9813bf0e751dc9..e32fb52b7b524a23653f12aace75379842c868db 100644
--- a/dolphinscheduler-ui-next/src/views/resource/task-group/queue/index.tsx
+++ b/dolphinscheduler-ui-next/src/views/resource/task-group/queue/index.tsx
@@ -23,7 +23,8 @@ import {
   NCard,
   NDataTable,
   NPagination,
-  NSelect
+  NSelect,
+  NSpace
 } from 'naive-ui'
 import Card from '@/components/card'
 import { SearchOutlined } from '@vicons/antd'
@@ -160,7 +161,7 @@ const taskGroupQueue = defineComponent({
       <div>
         <NCard>
           <div class={styles.toolbar}>
-            <div class={styles.right}>
+            <NSpace>
               <NSelect
                 size='small'
                 options={taskGroupOptions}
@@ -184,7 +185,7 @@ const taskGroupQueue = defineComponent({
                   <SearchOutlined />
                 </NIcon>
               </NButton>
-            </div>
+            </NSpace>
           </div>
         </NCard>
         <Card