added padding

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">
+      <div className="justify-start px-2">
-        <Subtle className="flex place-items-center gap-1 p-1.5 text-gray-500/40 dark:text-gray-400/40">
+        <Trans
-          Commit SHA:
+          i18nKey="footer.commitSha"
-          <span className="truncate">
+          components={[
-            {String(import.meta.env.VITE_COMMIT_HASH).toUpperCase()}
+            <span
-          </span>
+              key="sha"
-        </Subtle>
+              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