diff --git a/package.json b/package.json
index 39e787b..b154d33 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "test": "yarn playwright test"
   },
   "dependencies": {
-    "@metamask/design-tokens": "^7.1.0",
+    "@metamask/design-tokens": "^8.0.0",
     "@metamask/object-multiplex": "^2.0.0",
     "@metamask/post-message-stream": "^8.0.0",
     "eth-phishing-detect": "^1.2.0",
diff --git a/static/fonts/CentraNo1-Bold.woff2 b/static/fonts/CentraNo1-Bold.woff2
deleted file mode 100644
index 877bb5d..0000000
Binary files a/static/fonts/CentraNo1-Bold.woff2 and /dev/null differ
diff --git a/static/fonts/CentraNo1-Book.woff2 b/static/fonts/CentraNo1-Book.woff2
deleted file mode 100644
index 89dadb2..0000000
Binary files a/static/fonts/CentraNo1-Book.woff2 and /dev/null differ
diff --git a/static/fonts/CentraNo1-Medium.woff2 b/static/fonts/CentraNo1-Medium.woff2
deleted file mode 100644
index a9d06f7..0000000
Binary files a/static/fonts/CentraNo1-Medium.woff2 and /dev/null differ
diff --git a/static/fonts/Geist/Geist-Bold.woff2 b/static/fonts/Geist/Geist-Bold.woff2
new file mode 100644
index 0000000..39a9641
Binary files /dev/null and b/static/fonts/Geist/Geist-Bold.woff2 differ
diff --git a/static/fonts/Geist/Geist-BoldItalic.woff2 b/static/fonts/Geist/Geist-BoldItalic.woff2
new file mode 100644
index 0000000..b1f55a9
Binary files /dev/null and b/static/fonts/Geist/Geist-BoldItalic.woff2 differ
diff --git a/static/fonts/Geist/Geist-Medium.woff2 b/static/fonts/Geist/Geist-Medium.woff2
new file mode 100644
index 0000000..eb368a0
Binary files /dev/null and b/static/fonts/Geist/Geist-Medium.woff2 differ
diff --git a/static/fonts/Geist/Geist-MediumItalic.woff2 b/static/fonts/Geist/Geist-MediumItalic.woff2
new file mode 100644
index 0000000..9f6a5ba
Binary files /dev/null and b/static/fonts/Geist/Geist-MediumItalic.woff2 differ
diff --git a/static/fonts/Geist/Geist-Regular.woff2 b/static/fonts/Geist/Geist-Regular.woff2
new file mode 100644
index 0000000..dc080c9
Binary files /dev/null and b/static/fonts/Geist/Geist-Regular.woff2 differ
diff --git a/static/fonts/Geist/Geist-RegularItalic.woff2 b/static/fonts/Geist/Geist-RegularItalic.woff2
new file mode 100644
index 0000000..e27caa2
Binary files /dev/null and b/static/fonts/Geist/Geist-RegularItalic.woff2 differ
diff --git a/static/index.css b/static/index.css
index 787c3f1..08afc55 100644
--- a/static/index.css
+++ b/static/index.css
@@ -1,22 +1,44 @@
+/* Geist */
 @font-face {
-  font-family: 'CentraNo1';
-  src: url('fonts/CentraNo1-Book.woff2') format('woff2');
+  font-family: 'Geist';
+  font-style: normal;
   font-weight: 400;
+  src: url('fonts/Geist/Geist-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Geist';
+  font-style: italic;
+  font-weight: 400;
+  src: url('fonts/Geist/Geist-RegularItalic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Geist';
   font-style: normal;
+  font-weight: 500;
+  src: url('fonts/Geist/Geist-Medium.woff2') format('woff2');
 }
 
 @font-face {
-  font-family: 'CentraNo1';
-  src: url('fonts/CentraNo1-Medium.woff2') format('woff2');
+  font-family: 'Geist';
+  font-style: italic;
   font-weight: 500;
+  src: url('fonts/Geist/Geist-MediumItalic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Geist';
   font-style: normal;
+  font-weight: 700;
+  src: url('fonts/Geist/Geist-Bold.woff2') format('woff2');
 }
 
 @font-face {
-  font-family: 'CentraNo1';
-  src: url('fonts/CentraNo1-Bold.woff2') format('woff2');
+  font-family: 'Geist';
+  font-style: italic;
   font-weight: 700;
-  font-style: normal;
+  src: url('fonts/Geist/Geist-BoldItalic.woff2') format('woff2');
 }
 
 * {
@@ -30,7 +52,7 @@ html {
 }
 
 body {
-  background-color: var(--color-background-alternative);
+  background-color: var(--color-background-default);
   height: 100%;
   display: flex;
   align-items: center;
@@ -97,9 +119,9 @@ button {
 }
 
 .button-primary {
-  color: var(--color-background-default);
-  background: var(--color-primary-default);
-  border: 1px solid var(--color-primary-default);
+  color: var(--color-icon-inverse);
+  background: var(--color-icon-default);
+  border: 1px solid var(--color-icon-default);
   padding-right: 16px;
   padding-left: 16px;
   border-radius: 12px;
@@ -110,14 +132,15 @@ button {
 }
 
 .button-primary:hover {
-  color: var(--color-primary-inverse);
-  background-color: var(--color-primary-default);
+  color: var(--color-icon-inverse);
+  background-color: var(--color-icon-default-hover);
+  border-color: var(--color-icon-default-hover);
 }
 
 .button-primary:active {
-  color: var(--color-primary-inverse);
-  background-color: var(--color-primary-alternative);
-  border-color: var(--color-primary-alternative);
+  color: var(--color-icon-inverse);
+  background-color: var(--color-icon-default-pressed);
+  border-color: var(--color-icon-default-pressed);
 }
 
 .button-link-danger {
diff --git a/static/index.html b/static/index.html
index 1ec126a..24dd49c 100644
--- a/static/index.html
+++ b/static/index.html
@@ -58,7 +58,7 @@ <h1 class="heading-lg">This website might be harmful</h1>
         </ul>
 
         <div class="button-container">
-          <button class="button-primary" id="portfolio-link" data-theme="light">
+          <button class="button-primary" id="portfolio-link">
             Back to safety
           </button>
 
diff --git a/yarn.lock b/yarn.lock
index 13caa99..d483b20 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1605,10 +1605,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@metamask/design-tokens@npm:^7.1.0":
-  version: 7.1.0
-  resolution: "@metamask/design-tokens@npm:7.1.0"
-  checksum: 3a6e33887ef8259a9cbed9760664c5b533690b8ceab50fa1f19cd302cbf3a9e4ab62d3157fdcfcc9e693c5049ca7fa71feb44861a8122fcc1280dbd78edecc21
+"@metamask/design-tokens@npm:^8.0.0":
+  version: 8.2.2
+  resolution: "@metamask/design-tokens@npm:8.2.2"
+  checksum: b5fef1e5931af19ecf988e00dbc8d4d589ff2c6ea2224d4c4850b181bdd94b9de203dce40cf59796e57ae0e6eda7a1913b16b04b2799f5fc7a81b4cd84096dd1
   languageName: node
   linkType: hard
 
@@ -1669,7 +1669,7 @@ __metadata:
     "@babel/preset-typescript": ^7.22.15
     "@lavamoat/allow-scripts": ^3.0.4
     "@metamask/auto-changelog": ^3.4.3
-    "@metamask/design-tokens": ^7.1.0
+    "@metamask/design-tokens": ^8.0.0
     "@metamask/eslint-config": ^9.0.0
     "@metamask/eslint-config-nodejs": ^9.0.0
     "@metamask/eslint-config-typescript": ^9.0.1