diff --git a/src/constant.ts b/src/constant.ts
index becc08b..358c9d5 100644
--- a/src/constant.ts
+++ b/src/constant.ts
@@ -1 +1 @@
-export const RENDER_CLASS = "halo-render"
+export const RENDER_CLASS = "halo-render halo-render-wrapper"
diff --git a/src/less/git.less b/src/less/git.less
index 97ba286..f37c14f 100644
--- a/src/less/git.less
+++ b/src/less/git.less
@@ -1,7 +1,6 @@
 @import "constant";
 
 .git {
-  margin: 5px;
   border: 1px solid #ececec;
   padding: 10px;
   border-radius: @border-radius;
diff --git a/src/less/render.less b/src/less/render.less
index 726863e..f4658a8 100644
--- a/src/less/render.less
+++ b/src/less/render.less
@@ -13,6 +13,10 @@
  border-radius: @border-radius;
 }
 
+.halo-render-wrapper {
+  margin: 20px 15px;
+}
+
 @font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.woff2?t=1703484934750') format('woff2'),
diff --git a/src/provider/git-provider.ts b/src/provider/git-provider.ts
index b776704..c89ee30 100644
--- a/src/provider/git-provider.ts
+++ b/src/provider/git-provider.ts
@@ -1,6 +1,7 @@
 import {Provider} from "./provider";
 import {fillContent} from "../utils/git-processor/git-processor";
 import "../less/git.less"
+import {RENDER_CLASS} from "../constant";
 
 export class GitProvider implements Provider {
     check(type: string): boolean {
@@ -28,9 +29,9 @@ export class GitProvider implements Provider {
             repo: repo
         })
         if (res) {
-            return `<div class='git git-${owner}-${repo}'>${res}</div>`
+            return `<div class='${RENDER_CLASS} git git-${owner}-${repo}'>${res}</div>`
         }
-        return `<div class='git git-${owner}-${repo}'>Waiting</div>`;
+        return `<div class='${RENDER_CLASS} git git-${owner}-${repo}'>Waiting</div>`;
     }
 
 }