diff --git a/_archived/tech-bsky-fedi.astro b/_archived/tech-bsky-fedi.astro
index 6b6958d..04e3b1a 100644
--- a/_archived/tech-bsky-fedi.astro
+++ b/_archived/tech-bsky-fedi.astro
@@ -153,7 +153,7 @@ const description =
       <strong>Import</strong>
     </p>
 
-    <h2>Full <code>.csv</code> content</h2>
+    <h2>Full <code class="inline-code">.csv</code> content</h2>
     <br />
 
     <Code code={importedCode} />
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index d3aeb86..91535fb 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -57,7 +57,7 @@ const year = new Date().getFullYear()
 
 <style>
   footer {
-    padding: 0;
+    padding: 1em;
     display: grid;
     gap: 1em;
     grid-auto-flow: row;
diff --git a/src/pages/now/and-then/posts/2025-02-15.astro b/src/pages/now/and-then/posts/2025-02-15.astro
index d35be6f..c4ff296 100644
--- a/src/pages/now/and-then/posts/2025-02-15.astro
+++ b/src/pages/now/and-then/posts/2025-02-15.astro
@@ -8,7 +8,7 @@ let publishedOn = `the 15th of February, 2025`
 const publishDate = `2025-02-15`
 const publishState = ``
 const content = `<p>I have moved main activities (e.g, repository, planned work, announcements/discussions) on my projects to <a href="https://sourcehut.org">SourceHut</a> — a <em>code forge</em> much like GitHub, GitLab or Codeberg, but with significant differences.</p>
-<p>The projects are still automatically mirrored to GitHub using automatic <code>git push --mirror</code> via <a href="https://builds.sr.ht">SourceHut Builds</a>.</p>
+<p>The projects are still automatically mirrored to GitHub using automatic <code class="inline-code">git push --mirror</code> via <a href="https://builds.sr.ht">SourceHut Builds</a>.</p>
 <p>👉 <a href="https://sr.ht/~ayoayco/">My projects on SourceHut</a></p>`
 
 publishedOn = publishedOn === '' ? publishDate : publishedOn
diff --git a/src/pages/now/and-then/posts/2025-03-13.astro b/src/pages/now/and-then/posts/2025-03-13.astro
index 2631a78..ca1289c 100644
--- a/src/pages/now/and-then/posts/2025-03-13.astro
+++ b/src/pages/now/and-then/posts/2025-03-13.astro
@@ -10,7 +10,7 @@ const publishState = ``
 const content = `<p>Started some migrations of JS projects to TypeScript. There are a few moves from TypeScript &#x26; node that influenced me to do this:</p>
 <ol>
 <li><a href="https://nodejs.org/api/typescript.html#type-stripping">Node's type stripping</a> - allows execution of TypeScript files that only contains erasable TypeScript syntax.</li>
-<li><a href="https://www.totaltypescript.com/erasable-syntax-only">TypeScript's erasable syntax only</a> - a flag to tell <code>tsc</code> to throw error on syntax that are not erasable (e.g., enums, namespaces, and class parameter properties)</li>
+<li><a href="https://www.totaltypescript.com/erasable-syntax-only">TypeScript's erasable syntax only</a> - a flag to tell <code class="inline-code">tsc</code> to throw error on syntax that are not erasable (e.g., enums, namespaces, and class parameter properties)</li>
 <li><a href="https://devblogs.microsoft.com/typescript/typescript-native-port/">TypeScript native compiler</a> - promises 10x faster typescript compilation</li>
 </ol>`