diff --git a/src/assets/scss/base/_global.scss b/src/assets/scss/base/_global.scss
index 4fce297..d5abc99 100644
--- a/src/assets/scss/base/_global.scss
+++ b/src/assets/scss/base/_global.scss
@@ -1,4 +1,5 @@
 @use "../abstracts/_mixin" as mix;
+@use "../abstracts/typography";
 
 html {
   scroll-behavior: smooth;
@@ -44,11 +45,12 @@ html:root {
 }
 
 body {
+  @extend .font-montserrat;
+
   display: flex;
   flex-direction: column;
   min-height: 100vh;
   background-color: var(--clr-background-900);
-  font-family: 'Montserrat', sans-serif;
   color: var(--clr-foreground);
   line-height: 1.6;
   overflow-x: hidden;
@@ -155,7 +157,7 @@ li {
 
 .sr-only {
   border: 0;
-  clip: rect(0 0 0 0);
+  clip-path: rect(0 0 0 0);
   height: 0.0625rem;
   margin: -0.0625rem;
   overflow: hidden;
diff --git a/src/assets/scss/components/_featured.scss b/src/assets/scss/components/_featured.scss
index 34b5b78..1d5d111 100644
--- a/src/assets/scss/components/_featured.scss
+++ b/src/assets/scss/components/_featured.scss
@@ -46,7 +46,7 @@
 
     img {
       all: unset;
-      overflow: clip !important;
+      overflow: clip-path !important;
       width: min(100%, 26.1875rem);
       aspect-ratio: 1/1;
     }