fix: more icon alignment

Author: richardshiue

src/components/_shared/outline/OutlineItem.tsx

@@ -42,7 +42,7 @@ function OutlineItem({ view, level = 0, width, navigateToView, selectedViewId, v
           }}
           id={`${variant}-view-${item.view_id}`}
           className={
-            'flex items-center min-h-[30px] w-full gap-0.5 rounded-[8px] px-0.5 text-sm hover:bg-content-blue-50 focus:bg-content-blue-50 focus:outline-none'
+            'flex items-center min-h-[30px] w-full gap-0.5 rounded-[8px] text-sm hover:bg-content-blue-50 focus:bg-content-blue-50 focus:outline-none'
           }
         >
           {item.children?.length ? getIcon() : null}

src/components/app/favorite/Favorite.tsx

@@ -143,7 +143,7 @@ export function Favorite() {
           ref={moreButtonRef}
           className={'flex items-center w-full gap-2 rounded-[8px] px-2 py-1.5 text-sm cursor-pointer hover:bg-content-blue-50 focus:bg-content-blue-50 focus:outline-none'}
         >
-          <MoreIcon className={'h-4 w-4 text-text-caption'}/>
+          <MoreIcon className={'!w-5 h-5 text-text-caption'}/>
           <div>{t('button.more')}</div>
 
         </div>}