diff --git a/kicc-gateway/src/main/java/com/cloud/kicc/gateway/handler/ImageCodeHandler.java b/kicc-gateway/src/main/java/com/cloud/kicc/gateway/handler/ImageCodeHandler.java
index d8a1ee88..59e9c748 100644
--- a/kicc-gateway/src/main/java/com/cloud/kicc/gateway/handler/ImageCodeHandler.java
+++ b/kicc-gateway/src/main/java/com/cloud/kicc/gateway/handler/ImageCodeHandler.java
@@ -48,9 +48,9 @@ import java.util.concurrent.TimeUnit;
 @RequiredArgsConstructor
 public class ImageCodeHandler implements HandlerFunction<ServerResponse> {
 
-	private static final Integer DEFAULT_IMAGE_WIDTH = 140;
+	private static final Integer DEFAULT_IMAGE_WIDTH = 105;
 
-	private static final Integer DEFAULT_IMAGE_HEIGHT = 45;
+	private static final Integer DEFAULT_IMAGE_HEIGHT = 35;
 
 	private static final Integer DEFAULT_IMAGE_LEN = 4;
 
diff --git a/kicc-ui/src/views/sys/login/LoginForm.vue b/kicc-ui/src/views/sys/login/LoginForm.vue
index c33e237d..3289328c 100644
--- a/kicc-ui/src/views/sys/login/LoginForm.vue
+++ b/kicc-ui/src/views/sys/login/LoginForm.vue
@@ -28,13 +28,15 @@
       />
     </FormItem>
     <ARow class="enter-x">
-      <ACol :span="18">
+      <ACol :span="16">
         <FormItem name="code">
-          <Input size="large" v-model:value="formData.code" :placeholder="t('sys.login.captcha')" />
+          <Input size="large" v-model:value="formData.code" :placeholder="t('sys.login.captcha')" style="min-width: 100px"/>
         </FormItem>
       </ACol>
-      <ACol :span="6">
-        <img :src="codeUrl" @click="getCode" />
+      <ACol :span="8">
+        <FormItem :style="{ 'text-align':'right', 'margin-left':'20px' }">
+          <img style="margin-top: 2px;" :src="codeUrl" @click="getCode"/>
+        </FormItem>
       </ACol>
     </ARow>
     <ARow class="enter-x">