diff --git a/apps/web/core/components/project/publish-project/modal.tsx b/apps/web/core/components/project/publish-project/modal.tsx
index ef3dd1f1a..f906c1d0b 100644
--- a/apps/web/core/components/project/publish-project/modal.tsx
+++ b/apps/web/core/components/project/publish-project/modal.tsx
@@ -177,6 +177,7 @@ export const PublishProjectModal = observer(function PublishProjectModal(props:
           {isProjectPublished && (
             <Button
               variant="error-fill"
+              size="lg"
               onClick={() => handleUnPublishProject(watch("id") ?? "")}
               loading={isUnPublishing}
             >
@@ -197,7 +198,7 @@ export const PublishProjectModal = observer(function PublishProjectModal(props:
           <div className="px-5 space-y-4">
             {isProjectPublished && projectPublishSettings && (
               <>
-                <div className="bg-layer-1 border border-strong rounded-md py-1.5 pl-4 pr-1 flex items-center justify-between gap-2">
+                <div className="border border-strong rounded-md py-1.5 pl-4 pr-1 flex items-center justify-between gap-2">
                   <a
                     href={publishLink}
                     className="text-13 text-secondary truncate"
@@ -209,7 +210,7 @@ export const PublishProjectModal = observer(function PublishProjectModal(props:
                   <div className="flex-shrink-0 flex items-center gap-1">
                     <a
                       href={publishLink}
-                      className="size-8 grid place-items-center bg-surface-2 hover:bg-surface-1 rounded-sm"
+                      className="size-8 grid place-items-center bg-layer-3 hover:bg-layer-3-hover rounded-sm"
                       target="_blank"
                       rel="noopener noreferrer"
                     >
@@ -217,7 +218,7 @@ export const PublishProjectModal = observer(function PublishProjectModal(props:
                     </a>
                     <button
                       type="button"
-                      className="h-8 bg-surface-2 hover:bg-surface-1 rounded-sm text-11 font-medium py-2 px-3"
+                      className="h-8 bg-layer-3 hover:bg-layer-3-hover rounded-sm text-11 font-medium py-2 px-3"
                       onClick={handleCopyLink}
                     >
                       Copy link
diff --git a/packages/tailwind-config/fonts/LICENSE.txt b/packages/tailwind-config/fonts/LICENSE.txt
new file mode 100644
index 000000000..c86ff014a
--- /dev/null
+++ b/packages/tailwind-config/fonts/LICENSE.txt
@@ -0,0 +1 @@
+MaterialSymbolsRounded[FILL,GRAD,opsz,wght].ttf: Copyright 2022, 2022 Google LLC. All Rights Reserved.
diff --git a/packages/tailwind-config/fonts/material-symbols-rounded-v168-latin-regular.woff2 b/packages/tailwind-config/fonts/material-symbols-rounded-v168-latin-regular.woff2
new file mode 100644
index 000000000..03d95f1b0
Binary files /dev/null and b/packages/tailwind-config/fonts/material-symbols-rounded-v168-latin-regular.woff2 differ
diff --git a/packages/tailwind-config/variables.css b/packages/tailwind-config/variables.css
index 133930b9c..4facc275f 100644
--- a/packages/tailwind-config/variables.css
+++ b/packages/tailwind-config/variables.css
@@ -11,7 +11,6 @@
 @import "@fontsource/ibm-plex-mono/500.css";
 @import "@fontsource/ibm-plex-mono/600.css";
 @import "@fontsource/ibm-plex-mono/700.css";
-@import "@fontsource/material-symbols-rounded/400.css";
 
 @custom-variant dark (&:where([data-theme*="dark"], [data-theme*="dark"] *));
 @custom-variant dark-high-contrast (&:where([data-theme="dark-contrast"], [data-theme="dark-contrast"] *));
@@ -1152,6 +1151,15 @@
   }
 }
 
+/* material-symbols-rounded-regular - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: "Material Symbols Rounded";
+  font-style: normal;
+  font-weight: 400;
+  src: url("./fonts/material-symbols-rounded-v168-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
 @utility material-symbols-rounded {
   font-family: "Material Symbols Rounded";
   font-weight: normal;