diff --git a/web/app/components/app-sidebar/app-info.tsx b/web/app/components/app-sidebar/app-info.tsx
index c28cc20df5..534af6b1b7 100644
--- a/web/app/components/app-sidebar/app-info.tsx
+++ b/web/app/components/app-sidebar/app-info.tsx
@@ -287,7 +287,7 @@ const AppInfo = ({ expand, onlyShowDetail = false, openState = false, onDetailEx
         <div className='flex shrink-0 flex-col items-start justify-center gap-3 self-stretch p-4'>
           <div className='flex items-center gap-3 self-stretch'>
             <AppIcon
-              size="large"
+              size='large'
               iconType={appDetail.icon_type}
               icon={appDetail.icon}
               background={appDetail.icon_background}
diff --git a/web/app/components/base/content-dialog/index.tsx b/web/app/components/base/content-dialog/index.tsx
index 861a36ffa3..5efab57a40 100644
--- a/web/app/components/base/content-dialog/index.tsx
+++ b/web/app/components/base/content-dialog/index.tsx
@@ -18,13 +18,13 @@ const ContentDialog = ({
   return (
     <Transition
       show={show}
-      as="div"
-      className="absolute left-0 top-0 z-20 box-border h-full w-full p-2"
+      as='div'
+      className='absolute left-0 top-0 z-30 box-border h-full w-full p-2'
     >
       <TransitionChild>
         <div
           className={classNames(
-            'absolute left-0 inset-0 w-full bg-app-detail-overlay-bg',
+            'absolute inset-0 left-0 w-full bg-app-detail-overlay-bg',
             'duration-300 ease-in data-[closed]:opacity-0',
             'data-[enter]:opacity-100',
             'data-[leave]:opacity-0',
@@ -35,10 +35,10 @@ const ContentDialog = ({
 
       <TransitionChild>
         <div className={classNames(
-          'absolute left-0 w-full bg-app-detail-bg border-r border-divider-burn',
+          'absolute left-0 w-full border-r border-divider-burn bg-app-detail-bg',
           'duration-100 ease-in data-[closed]:-translate-x-full',
-          'data-[enter]:ease-out data-[enter]:duration-300 data-[enter]:translate-x-0',
-          'data-[leave]:ease-in data-[leave]:duration-200 data-[leave]:-translate-x-full',
+          'data-[enter]:translate-x-0 data-[enter]:duration-300 data-[enter]:ease-out',
+          'data-[leave]:-translate-x-full data-[leave]:duration-200 data-[leave]:ease-in',
           className,
         )}>
           {children}