diff --git a/src/components/RecentVersion.tsx b/src/components/RecentVersion.tsx
index 8a7c491..f4a1b0b 100644
--- a/src/components/RecentVersion.tsx
+++ b/src/components/RecentVersion.tsx
@@ -74,21 +74,19 @@ export default function RecentVersion({ pkg }: PresetCardProps) {
 
         return (
           <div className={styles.version} key={index}>
-            <Link href={`/package/${pkg?.name}?version=${item.version}`}>
+            <Link href={`/package/${pkg?.name}?version=${item.version}`} title={deprecated}>
               <Typography.Title level={3} className={styles.title}>
-                <span
-                  className={styles.content}
-                  style={
-                    deprecated
-                      ? {
-                          color: 'rgba(0,0,0,.25)',
-                          textDecoration: 'line-through',
-                        }
-                      : {}
-                  }
-                >
+                <span className={styles.content}>
                   <Space size="small" style={{ flex: 1 }}>
-                    {item.version}
+                    <span style={
+                      deprecated
+                        ? {
+                            color: 'rgba(0,0,0,.25)',
+                            textDecoration: 'line-through',
+                          }
+                        : {}
+                      }>{item.version}
+                    </span>
                     <VersionTags
                       tags={tags[item.version]}
                       style={{
diff --git a/src/slugs/home/index.tsx b/src/slugs/home/index.tsx
index 9f51f48..30416ac 100644
--- a/src/slugs/home/index.tsx
+++ b/src/slugs/home/index.tsx
@@ -1,5 +1,5 @@
 'use client';
-import { Col, Row, Space, Tooltip, Typography } from 'antd';
+import { Alert, Col, Row, Space, Tooltip, Typography } from 'antd';
 import SizeContainer from '@/components/SizeContainer';
 import PresetCard from '@/components/PresetCard';
 import ReadmeContent from '@/components/ReadmeContent';
@@ -40,6 +40,7 @@ const useStyles = createStyles(({ token, css }) => {
 export default function Home({ manifest, version, additionalInfo: needSync }: PageProps) {
   const pkg = manifest;
   const tags: string[] = pkg?.keywords || [];
+  const deprecated = pkg?.versions?.[version!]?.deprecated;
   const { styles: style } = useStyles();
 
   const contentNode = (
@@ -58,7 +59,7 @@ export default function Home({ manifest, version, additionalInfo: needSync }: Pa
           <ReadmeContent name={manifest.name} version={version} content={pkg.readme}/>
         </PresetCard>
       </Col>
-      <Col flex="0 0 378px">
+      <Col flex="0 0 378px" style={{ minWidth: "auto" }}>
         <Space direction={'vertical'} size="middle" style={{ minWidth: 378 }}>
           <AdVPS />
           <PresetCard title="下载趋势">
@@ -97,6 +98,9 @@ export default function Home({ manifest, version, additionalInfo: needSync }: Pa
           <div className={style.tagCon}>
             <PackageTag tags={tags?.map((tag) => ({ label: tag, href: `/packages?q=${tag}` }))} />
           </div>
+          {deprecated && <div style={{ marginBottom: 16 }}>
+            <Alert message={`Deprecated: ${deprecated}`} type="warning" />
+          </div>}
         </div>
         {contentNode}
       </SizeContainer>
diff --git a/src/slugs/versions/index.tsx b/src/slugs/versions/index.tsx
index 8a592b3..b6f9b4b 100644
--- a/src/slugs/versions/index.tsx
+++ b/src/slugs/versions/index.tsx
@@ -157,6 +157,7 @@ function VersionsList({ versions, pkg }: { versions: NpmPackageVersion[]; pkg: P
                 <span>
                   <Link
                     prefetch={false}
+                    title={item.deprecated}
                     style={
                       item.deprecated
                         ? {