diff --git a/src/views/main-sidebar-hover.vue b/src/views/main-sidebar-hover.vue
index 338a002..088098d 100644
--- a/src/views/main-sidebar-hover.vue
+++ b/src/views/main-sidebar-hover.vue
@@ -743,7 +743,7 @@ export default {
 
 .hover-todo-badge /deep/ .el-badge__content.is-fixed {
   top: 8px;
-  right: 92px;
+  right: 15px;
 }
 
 .hover-todo-badge-icon /deep/ .el-badge__content.is-fixed {
@@ -751,6 +751,21 @@ export default {
   right: 4px;
 }
 
+.hover-todo-badge /deep/ .el-badge__content.is-fixed,
+.hover-todo-badge-icon /deep/ .el-badge__content.is-fixed {
+  background-color: #ff0000 !important;
+  border: none !important;
+  box-shadow: none !important;
+  width: 18px;
+  height: 18px;
+  min-width: 18px;
+  line-height: 18px;
+  padding: 0 !important;
+  border-radius: 50% !important;
+  text-align: center;
+  font-size: 10px;
+}
+
 .hover-submenu {
   position: fixed;
   z-index: 1030;
diff --git a/src/views/main-sidebar-sub-menu.vue b/src/views/main-sidebar-sub-menu.vue
index 3a852cd..4073cf6 100644
--- a/src/views/main-sidebar-sub-menu.vue
+++ b/src/views/main-sidebar-sub-menu.vue
@@ -92,5 +92,16 @@
   top: 10px;
   right: 2px;
   transform: translateY(-50%) translateX(45%);
+  background-color: #ff0000 !important;
+  border: none !important;
+  box-shadow: none !important;
+  width: 18px;
+  height: 18px;
+  min-width: 18px;
+  line-height: 18px;
+  padding: 0 !important;
+  border-radius: 50% !important;
+  text-align: center;
+  font-size: 10px;
 }
 </style>