diff --git a/packages/logos-docusaurus-theme/src/client/css/custom.scss b/packages/logos-docusaurus-theme/src/client/css/custom.scss
index e4dca32..8de8ded 100644
--- a/packages/logos-docusaurus-theme/src/client/css/custom.scss
+++ b/packages/logos-docusaurus-theme/src/client/css/custom.scss
@@ -153,7 +153,7 @@
 
   --ifm-footer-link-horizontal-spacing: 0;
   --ifm-footer-padding-horizontal: 0;
-  --ifm-footer-padding-vertical: calc(var(--ifm-spacing-vertical) * 2);
+  --ifm-footer-padding-vertical: 24px;
   --ifm-footer-background-color: transparent;
 
   --ifm-menu-link-padding-horizontal: var(--ifm-spacing-horizontal);
@@ -206,6 +206,9 @@
   --ifm-color-warning-light: var(--caution);
   --ifm-color-danger-dark: var(--danger);
   --ifm-color-danger-light: var(--danger);
+
+  --ifm-footer-link-color: rgb(var(--lsd-text-primary));
+  --ifm-color-content-secondary: rgb(var(--lsd-text-primary));
 }
 
 @include utils.responsive('lg', 'down') {
@@ -305,6 +308,10 @@ small {
   font-size: var(--ifm-h6-font-size);
 }
 
+.footer {
+  border-top: 1px solid rgb(var(--lsd-text-primary));
+}
+
 .footer__logo {
   margin: 0 !important;
 }
diff --git a/packages/logos-docusaurus-theme/src/client/theme/Footer/Layout/index.js b/packages/logos-docusaurus-theme/src/client/theme/Footer/Layout/index.tsx
similarity index 99%
rename from packages/logos-docusaurus-theme/src/client/theme/Footer/Layout/index.js
rename to packages/logos-docusaurus-theme/src/client/theme/Footer/Layout/index.tsx
index 797b405..65977d5 100644
--- a/packages/logos-docusaurus-theme/src/client/theme/Footer/Layout/index.js
+++ b/packages/logos-docusaurus-theme/src/client/theme/Footer/Layout/index.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import clsx from 'clsx'
+
 export default function FooterLayout({ style, links, logo, copyright }) {
   return (
     <footer
diff --git a/packages/logos-docusaurus-theme/src/client/theme/Footer/LinkItem/index.js b/packages/logos-docusaurus-theme/src/client/theme/Footer/LinkItem/index.tsx
similarity index 85%
rename from packages/logos-docusaurus-theme/src/client/theme/Footer/LinkItem/index.js
rename to packages/logos-docusaurus-theme/src/client/theme/Footer/LinkItem/index.tsx
index 89e1001..58e5aed 100644
--- a/packages/logos-docusaurus-theme/src/client/theme/Footer/LinkItem/index.js
+++ b/packages/logos-docusaurus-theme/src/client/theme/Footer/LinkItem/index.tsx
@@ -3,13 +3,17 @@ import Link from '@docusaurus/Link'
 import useBaseUrl from '@docusaurus/useBaseUrl'
 import isInternalUrl from '@docusaurus/isInternalUrl'
 import IconExternalLink from '@theme/Icon/ExternalLink'
+import styles from './style.module.scss'
+import clsx from 'clsx'
+
 export default function FooterLinkItem({ item }) {
   const { to, href, label, prependBaseUrlToHref, ...props } = item
   const toUrl = useBaseUrl(to)
   const normalizedHref = useBaseUrl(href, { forcePrependBaseUrl: true })
+
   return (
     <Link
-      className="footer__link-item"
+      className={clsx('footer__link-item', styles.linkItem)}
       {...(href
         ? {
             href: prependBaseUrlToHref ? normalizedHref : href,
diff --git a/packages/logos-docusaurus-theme/src/client/theme/Footer/LinkItem/style.module.scss b/packages/logos-docusaurus-theme/src/client/theme/Footer/LinkItem/style.module.scss
new file mode 100644
index 0000000..9351d22
--- /dev/null
+++ b/packages/logos-docusaurus-theme/src/client/theme/Footer/LinkItem/style.module.scss
@@ -0,0 +1,3 @@
+.linkItem {
+  text-decoration: underline;
+}
diff --git a/packages/logos-docusaurus-theme/src/client/theme/Footer/Links/MultiColumn/index.js b/packages/logos-docusaurus-theme/src/client/theme/Footer/Links/MultiColumn/index.tsx
similarity index 100%
rename from packages/logos-docusaurus-theme/src/client/theme/Footer/Links/MultiColumn/index.js
rename to packages/logos-docusaurus-theme/src/client/theme/Footer/Links/MultiColumn/index.tsx
diff --git a/packages/logos-docusaurus-theme/src/client/theme/Footer/Links/index.js b/packages/logos-docusaurus-theme/src/client/theme/Footer/Links/index.tsx
similarity index 100%
rename from packages/logos-docusaurus-theme/src/client/theme/Footer/Links/index.js
rename to packages/logos-docusaurus-theme/src/client/theme/Footer/Links/index.tsx
diff --git a/packages/logos-docusaurus-theme/src/client/theme/Footer/Logo/index.js b/packages/logos-docusaurus-theme/src/client/theme/Footer/Logo/index.tsx
similarity index 100%
rename from packages/logos-docusaurus-theme/src/client/theme/Footer/Logo/index.js
rename to packages/logos-docusaurus-theme/src/client/theme/Footer/Logo/index.tsx
diff --git a/packages/logos-docusaurus-theme/src/client/theme/Footer/index.js b/packages/logos-docusaurus-theme/src/client/theme/Footer/index.tsx
similarity index 100%
rename from packages/logos-docusaurus-theme/src/client/theme/Footer/index.js
rename to packages/logos-docusaurus-theme/src/client/theme/Footer/index.tsx