diff --git a/ui/src/components/TagSelector/index.tsx b/ui/src/components/TagSelector/index.tsx
index 3597a6a7..c1646fa3 100644
--- a/ui/src/components/TagSelector/index.tsx
+++ b/ui/src/components/TagSelector/index.tsx
@@ -229,12 +229,7 @@ const TagSelector: FC<IProps> = ({
               {showRequiredTagText &&
                 tags &&
                 tags.filter((v) => v.recommend)?.length > 0 && (
-                  <Dropdown.Item
-                    disabled
-                    style={{ fontWeight: 500 }}
-                    className="text-secondary">
-                    {t('tag_required_text')}
-                  </Dropdown.Item>
+                  <h6 className="dropdown-header">{t('tag_required_text')}</h6>
                 )}
 
               {tags?.map((item, index) => {
diff --git a/ui/src/index.scss b/ui/src/index.scss
index a767e0a0..105b5b7c 100644
--- a/ui/src/index.scss
+++ b/ui/src/index.scss
@@ -66,7 +66,7 @@ a {
   display: inline-block;
   font-size: 14px;
   background: rgba($blue-100, 0.5);
-  padding: 1px 7px;
+  padding: 0px 7px 1px;
   color: $blue-700;
   border: 1px solid transparent;
   &:hover {