diff --git a/web/app/components/app/type-selector/index.tsx b/web/app/components/app/type-selector/index.tsx
index 5b5cc303df..7be2351119 100644
--- a/web/app/components/app/type-selector/index.tsx
+++ b/web/app/components/app/type-selector/index.tsx
@@ -38,21 +38,21 @@ const AppTypeSelector = ({ value, onChange }: AppSelectorProps) => {
             'flex cursor-pointer items-center justify-between space-x-1 rounded-md px-2 hover:bg-state-base-hover',
           )}>
             <AppTypeSelectTrigger values={value} />
-              {value && value.length > 0 && (
-                <button
-                  type="button"
-                  aria-label={t('common.operation.clear')}
-                  className="h-4 w-4 group"
-                  onClick={(e) => {
-                    e.stopPropagation()
-                    onChange([])
-                  }}
-                >
-                  <RiCloseCircleFill
-                    className="h-3.5 w-3.5 text-text-quaternary group-hover:text-text-tertiary"
-                  />
-                </button>
-              )}
+            {value && value.length > 0 && (
+              <button
+                type="button"
+                aria-label={t('common.operation.clear')}
+                className="group h-4 w-4"
+                onClick={(e) => {
+                  e.stopPropagation()
+                  onChange([])
+                }}
+              >
+                <RiCloseCircleFill
+                  className="h-3.5 w-3.5 text-text-quaternary group-hover:text-text-tertiary"
+                />
+              </button>
+            )}
           </div>
         </PortalToFollowElemTrigger>
         <PortalToFollowElemContent className='z-[1002]'>