fix system model selector

web/app/components/header/account-setting/model-provider-page/model-selector/popup-item.tsx

@@ -91,7 +91,7 @@ const PopupItem: FC<PopupItemProps> = ({
             popupClassName='p-3 !w-[206px] bg-components-panel-bg-blur backdrop-blur-sm border-[0.5px] border-components-panel-border rounded-xl'
             popupContent={
               <div className='flex flex-col gap-1'>
-                <div className='flex flex-col gap-2'>
+                <div className='flex flex-col items-start gap-2'>
                   <ModelIcon
                     className={cn('shrink-0 w-5 h-5')}
                     provider={model}

web/app/components/header/account-setting/model-provider-page/model-selector/popup.tsx

@@ -106,7 +106,7 @@ const Popup: FC<PopupProps> = ({
           )
         }
       </div>
-      <div className='sticky bottom-0 px-4 py-2 flex items-center border-t border-divider-subtle cursor-pointer text-text-accent-light-mode-only' onClick={() => {
+      <div className='sticky bottom-0 px-4 py-2 flex items-center border-t border-divider-subtle cursor-pointer text-text-accent-light-mode-only bg-components-panel-bg rounded-b-lg' onClick={() => {
         onHide()
         setShowAccountSettingModal({ payload: 'provider' })
       }}>

web/app/components/header/account-setting/model-provider-page/system-model-selector/index.tsx

@@ -139,7 +139,7 @@ const SystemModel: FC<SystemModelSelectorProps> = ({
           {t('common.modelProvider.systemModelSettings')}
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-50'>
+      <PortalToFollowElemContent className='z-[60]'>
         <div className='pt-4 w-[360px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl'>
           <div className='px-6 py-1'>
             <div className='flex items-center h-8 text-[13px] font-medium text-text-primary'>