diff --git a/src/components/UI/Footer.tsx b/src/components/UI/Footer.tsx
index 44e98075..f0d4253f 100644
--- a/src/components/UI/Footer.tsx
+++ b/src/components/UI/Footer.tsx
@@ -1,6 +1,5 @@
 import { cn } from "@core/utils/cn.ts";
 import { Trans } from "react-i18next";
-import { Subtle } from "./Typography/Subtle.tsx";
 
 type FooterProps = {
   className?: string;
@@ -15,13 +14,19 @@ const Footer = ({ className, ...props }: FooterProps) => {
       )}
       {...props}
     >
-      <div className="justify-start">
-        <Subtle className="flex place-items-center gap-1 p-1.5 text-gray-500/40 dark:text-gray-400/40">
-          Commit SHA:
-          <span className="truncate">
-            {String(import.meta.env.VITE_COMMIT_HASH).toUpperCase()}
-          </span>
-        </Subtle>
+      <div className="justify-start px-2">
+        <Trans
+          i18nKey="footer.commitSha"
+          components={[
+            <span
+              key="sha"
+              className="font-semibold text-gray-500/40 dark:text-gray-400/40"
+            />,
+          ]}
+          values={{
+            sha: String(import.meta.env.VITE_COMMIT_HASH)?.toUpperCase(),
+          }}
+        />
       </div>
       <p className="ml-auto mr-auto text-gray-500 dark:text-gray-400">
         <Trans