diff --git a/src/views/ai/image/ImageTask.vue b/src/views/ai/image/ImageTask.vue
index e89e4a0b..32213252 100644
--- a/src/views/ai/image/ImageTask.vue
+++ b/src/views/ai/image/ImageTask.vue
@@ -63,16 +63,21 @@ onMounted(async () => {
 })
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
+.task-card {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
 
+  >div {
+    margin-right: 20px;
+  }
+}
+</style>
+
+<style scoped lang="scss">
 .dr-task {
   width: 100%;
   height: 100%;
-
-  .task-card {
-
-  }
 }
-
-
 </style>