diff --git a/app/components/FundCard.jsx b/app/components/FundCard.jsx
index 139f07e..eee0f3e 100644
--- a/app/components/FundCard.jsx
+++ b/app/components/FundCard.jsx
@@ -64,7 +64,13 @@ export default function FundCard({
   const profit = getHoldingProfit?.(f, holding) ?? null;
   const hasHoldings = f.holdingsIsLastQuarter && Array.isArray(f.holdings) && f.holdings.length > 0;
 
-  const style = layoutMode === 'drawer' ? { border: 'none', boxShadow: 'none' } : {};
+  const style = layoutMode === 'drawer' ? {
+    border: 'none',
+    boxShadow: 'none',
+    paddingLeft: 0,
+    paddingRight: 0,
+    background: 'transparent',
+  } : {};
 
   return (
     <motion.div
diff --git a/app/components/MobileFundTable.jsx b/app/components/MobileFundTable.jsx
index 7276afd..3d3740f 100644
--- a/app/components/MobileFundTable.jsx
+++ b/app/components/MobileFundTable.jsx
@@ -1023,15 +1023,12 @@ export default function MobileFundTable({
               <DrawerTitle className="text-base font-semibold text-[var(--text)]">
                 基金详情
               </DrawerTitle>
-              <DrawerClose asChild>
-                <button
-                  type="button"
-                  className="icon-button rounded-lg"
-                  aria-label="关闭"
-                  style={{ padding: 4, borderColor: 'transparent' }}
-                >
-                  <CloseIcon width="24" height="24" />
-                </button>
+              <DrawerClose
+                className="icon-button border-none bg-transparent p-1"
+                title="关闭"
+                style={{ borderColor: 'transparent', backgroundColor: 'transparent' }}
+              >
+                <CloseIcon width="20" height="20" />
               </DrawerClose>
             </DrawerHeader>
             <div