diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 47040d5b..2b3a5898 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -36,6 +36,7 @@ jobs:
         with:
           node-version: 20
           cache: 'npm'
+
       - name: Install Dependencies
         run: npm ci
 
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 80c6aff7..158d7050 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -42,7 +42,7 @@ jobs:
           cache: npm
 
       - name: Install dependencies
-        run: npm install
+        run: npm ci
 
       - name: Build
         env:
diff --git a/.github/workflows/pr-deploy.yml b/.github/workflows/pr-deploy.yml
index 3783873a..3a0e4094 100644
--- a/.github/workflows/pr-deploy.yml
+++ b/.github/workflows/pr-deploy.yml
@@ -34,7 +34,7 @@ jobs:
           cache: npm
 
       - name: Install dependencies
-        run: npm install
+        run: npm ci
 
       - name: Build
         env:
diff --git a/.tool-versions b/.tool-versions
index 7bd5f0bf..f31e6b02 100644
--- a/.tool-versions
+++ b/.tool-versions
@@ -1 +1 @@
-nodejs 20.10.0
+nodejs 20.18.0
diff --git a/package-lock.json b/package-lock.json
index 16cf2c21..75f90d43 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -638,9 +638,9 @@
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.6.11",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.11.tgz",
-      "integrity": "sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==",
+      "version": "1.6.12",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.12.tgz",
+      "integrity": "sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==",
       "dependencies": {
         "@floating-ui/core": "^1.6.0",
         "@floating-ui/utils": "^0.2.8"
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
deleted file mode 100644
index 099d5256..00000000
--- a/src/components/Footer.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-  import { base } from '$app/paths';
-</script>
-
-<footer class="freq-container flex h-[50px] items-center justify-end gap-3 text-xs font-semibold">
-  <div>© {new Date().getFullYear()} Frequency Network Foundation</div>
-  <span class="h-4 w-[2px] bg-black"></span>
-  <a href="{base}/privacy">Privacy Policy</a>
-  <span class="h-4 w-[2px] bg-black"></span>
-  <div class="whitespace-nowrap">All Rights Reserved</div>
-</footer>
diff --git a/src/routes/(home)/+layout.svelte b/src/routes/(home)/+layout.svelte
index ba0519e9..8ed4946b 100644
--- a/src/routes/(home)/+layout.svelte
+++ b/src/routes/(home)/+layout.svelte
@@ -1,5 +1,5 @@
 <script>
-  import Footer from '../../components/Footer.svelte';
+  import { Footer } from '@frequency-chain/style-guide';
   import GetNotified from '../../components/GetNotified/GetNotified.svelte';
   import SideTag from '../../components/SideTag.svelte';
 </script>
diff --git a/src/routes/docs/+layout.svelte b/src/routes/docs/+layout.svelte
index e46f8e2b..df924a72 100644
--- a/src/routes/docs/+layout.svelte
+++ b/src/routes/docs/+layout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import Header from '../../components/Header/Header.svelte';
-  import Footer from '../../components/Footer.svelte';
+  import { Footer } from '@frequency-chain/style-guide';
 
   const logoHex = '#5E69FF';
   const navColor = 'navy';
diff --git a/src/routes/privacy/+layout.svelte b/src/routes/privacy/+layout.svelte
index e46f8e2b..df924a72 100644
--- a/src/routes/privacy/+layout.svelte
+++ b/src/routes/privacy/+layout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import Header from '../../components/Header/Header.svelte';
-  import Footer from '../../components/Footer.svelte';
+  import { Footer } from '@frequency-chain/style-guide';
 
   const logoHex = '#5E69FF';
   const navColor = 'navy';
diff --git a/tailwind.config.js b/tailwind.config.js
index 14b4b38d..61961a1d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,37 +4,39 @@ import frequencyConfig from '@frequency-chain/style-guide/tailwind.config';
 import { MAX_PAGE_WIDTH } from './src/lib/consts';
 
 export default {
-  content: ['./src/**/*.{html,js,svelte,ts}'],
+  content: ['./src/**/*.{html,js,svelte,ts}', './node_modules/@frequency-chain/style-guide/**/*.{html,js,svelte,ts}'],
   theme: {
-    fontFamily: {
-      title: ['Newake', 'sans-serif'],
-      sans: ['Poppins', 'sans-serif'],
-    },
-    colors: {
-      darkIndigo: '#445BC3',
-      tealBright: '#00B6AF',
-    },
-    width: {
-      page: `${MAX_PAGE_WIDTH}px`,
-      full: '100%',
-    },
-    maxWidth: {
-      page: `${MAX_PAGE_WIDTH}px`,
-      full: '100%',
-    },
-    minWidth: {
-      page: `${MAX_PAGE_WIDTH}px`,
-      full: '100%',
-    },
-    screens: {
-      sm: '0px',
-      md: '900px',
-      lg: '1300px',
-      xl: `${MAX_PAGE_WIDTH}px`,
-      'vertical-lg': { raw: '(max-height: 700px) and (min-width: 1300px)' },
-      'vertical-md': { raw: '(max-height: 700px) and (min-width: 900px)' },
-      vertical: { raw: '(max-height: 700px) or (min-width: 0px)' },
-      horizontal: { raw: '(min-height: 700px) and (min-width: 1300px)' },
+    extend: {
+      fontFamily: {
+        title: ['Newake', 'sans-serif'],
+        sans: ['Poppins', 'sans-serif'],
+      },
+      colors: {
+        darkIndigo: '#445BC3',
+        tealBright: '#00B6AF',
+      },
+      width: {
+        page: `${MAX_PAGE_WIDTH}px`,
+        full: '100%',
+      },
+      maxWidth: {
+        page: `${MAX_PAGE_WIDTH}px`,
+        full: '100%',
+      },
+      minWidth: {
+        page: `${MAX_PAGE_WIDTH}px`,
+        full: '100%',
+      },
+      screens: {
+        sm: '0px',
+        md: '900px',
+        lg: '1300px',
+        xl: `${MAX_PAGE_WIDTH}px`,
+        'vertical-lg': { raw: '(max-height: 700px) and (min-width: 1300px)' },
+        'vertical-md': { raw: '(max-height: 700px) and (min-width: 900px)' },
+        vertical: { raw: '(max-height: 700px) or (min-width: 0px)' },
+        horizontal: { raw: '(min-height: 700px) and (min-width: 1300px)' },
+      },
     },
   },
   safelist: ['after:bg-navy', 'after:bg-cream', 'invalid:border-red'],