diff --git a/package.json b/package.json
index a4a3f07..56718d3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ido",
   "private": true,
-  "version": "1.0.0",
+  "version": "1.0.1",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build && electron-builder",
diff --git a/src/components/TodoFlag.vue b/src/components/TodoFlag.vue
index 22a444a..6e3fd52 100644
--- a/src/components/TodoFlag.vue
+++ b/src/components/TodoFlag.vue
@@ -16,12 +16,16 @@ const props = defineProps({
 <style scoped lang="less">
 
 .flag {
-  width: 25px;
-  height: 25px;
-  margin-left: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  margin-left: 8px;
   border: 1px solid var(--tag-border-color);
   border-radius: 5px;
   background-color: var(--tag-bg-color);
+  font-size: 12px !important;
 
   .todo-flag {
     &-n {
diff --git a/src/components/TodoItem.vue b/src/components/TodoItem.vue
index 0fc315e..b19ec83 100644
--- a/src/components/TodoItem.vue
+++ b/src/components/TodoItem.vue
@@ -256,7 +256,7 @@ const handleUpdateFlag = (newFlag: boolean) => {
         .todo-tag {
           display: flex;
           align-items: center;
-          margin-right: 10px;
+          margin-right: 8px;
           padding: 2px 5px;
           border-color: var(--tag-border-color);
           background-color: var(--tag-bg-color);
@@ -265,8 +265,11 @@ const handleUpdateFlag = (newFlag: boolean) => {
 
       .tags-add {
         position: relative;
-        width: 25px;
-        height: 25px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 20px;
+        height: 20px;
         color: #858585;
         background-color: var(--tag-bg-color);
         border: 1px solid var(--tag-border-color);