diff --git a/spug_web/src/components/TableCard.js b/spug_web/src/components/TableCard.js
index bf6a649..8875cad 100644
--- a/spug_web/src/components/TableCard.js
+++ b/spug_web/src/components/TableCard.js
@@ -82,13 +82,13 @@ function Header(props) {
     <div className={styles.toolbar}>
       <div className={styles.title}>{props.title}</div>
       <div className={styles.option}>
-        <Space size="middle">
+        <Space size="middle" style={{marginRight: 10}}>
           {actions.map((item, index) => (
             <React.Fragment key={index}>{item}</React.Fragment>
           ))}
         </Space>
         {actions.length ? <Divider type="vertical"/> : null}
-        <Space>
+        <Space className={styles.icons}>
           <ReloadOutlined onClick={props.onReload}/>
           <Popover
             arrowPointAtCenter
diff --git a/spug_web/src/components/index.module.less b/spug_web/src/components/index.module.less
index bf7cebf..fde7904 100644
--- a/spug_web/src/components/index.module.less
+++ b/spug_web/src/components/index.module.less
@@ -76,9 +76,11 @@
       align-items: center;
       justify-content: flex-end;
 
-      :global(.anticon) {
-        font-size: 16px;
-        margin-left: 8px;
+      .icons {
+        :global(.anticon) {
+          font-size: 16px;
+          margin-left: 8px;
+        }
       }
     }
   }