diff --git a/app/page.tsx b/app/page.tsx
index 6b31bd4..6f6042e 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -140,16 +140,6 @@ export default function Home() {
               {t.footer.email}
             </a>
           </p>
-          <p className="mt-2 font-mono text-xs text-gray-400 dark:text-gray-500">
-            <a
-              href={`https://forgejo.riotpiao.com/rock/riotpiao.com/commit/${process.env.NEXT_PUBLIC_COMMIT_SHA}`}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="hover:text-blue-600 dark:hover:text-blue-400"
-            >
-              {process.env.NEXT_PUBLIC_COMMIT_SHA}
-            </a>
-          </p>
         </div>
       </footer>
 
diff --git a/components/CIStatusIndicator.tsx b/components/CIStatusIndicator.tsx
index 23e3a5d..07ced98 100644
--- a/components/CIStatusIndicator.tsx
+++ b/components/CIStatusIndicator.tsx
@@ -77,7 +77,14 @@ export function CIStatusIndicator() {
       className={`flex items-center gap-2 px-3 py-1.5 rounded-full bg-white/90 dark:bg-gray-900/90 backdrop-blur-sm border border-gray-200 dark:border-gray-700 shadow-sm ${getStatusColor()}`}
     >
       <GitBranch size={14} className="text-gray-500 dark:text-gray-400" />
-      <span className="text-xs font-medium text-gray-600 dark:text-gray-300">CI</span>
+      <a
+        href={`https://forgejo.riotpiao.com/rock/riotpiao.com/commit/${process.env.NEXT_PUBLIC_COMMIT_SHA}`}
+        target="_blank"
+        rel="noopener noreferrer"
+        className="text-xs font-mono font-medium text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400"
+      >
+        {process.env.NEXT_PUBLIC_COMMIT_SHA || 'dev'}
+      </a>
       <div className={`flex items-center gap-1 ${getStatusColor()}`}>
         {getStatusIcon()}
         <span className="text-xs font-semibold">{getStatusText()}</span>