diff --git a/Components/Layout/Auth.jsx b/Components/Layout/Auth.jsx
index 7ecd66c..0a3bb33 100644
--- a/Components/Layout/Auth.jsx
+++ b/Components/Layout/Auth.jsx
@@ -10,7 +10,7 @@ const UserText = styled.span`
   text-transform: uppercase;
   color: #fff;
   font-size: 0.5rem;
-  font-family: 'Montserrat';
+  font-family: 'Montserrat', sans-serif;
   font-weight: 500;
 
   ${min('laptop')} {
@@ -29,7 +29,7 @@ const Logout = styled.a`
   text-transform: uppercase;
   color: #fff;
   font-size: 0.45rem;
-  font-family: 'Montserrat';
+  font-family: 'Montserrat', sans-serif;
   font-weight: 500;
 
   ${min('laptop')} {
diff --git a/Components/Layout/Logo.jsx b/Components/Layout/Logo.jsx
index e444ed4..e9586e3 100644
--- a/Components/Layout/Logo.jsx
+++ b/Components/Layout/Logo.jsx
@@ -16,7 +16,7 @@ const LogoText = styled.h3`
   text-transform: uppercase;
   color: #fff;
   font-size: 0.95rem;
-  font-family: 'Montserrat';
+  font-family: 'Montserrat', sans-serif;
   font-weight: 500;
   ${min('laptop')} {
     font-size: 1.2rem;
diff --git a/pages/_document.jsx b/pages/_document.jsx
index f4a1436..6cf7055 100644
--- a/pages/_document.jsx
+++ b/pages/_document.jsx
@@ -18,7 +18,7 @@ export default class MyDocument extends Document {
             crossOrigin="true"
           />
           <link
-            href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap"
+            href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap"
             rel="stylesheet"
           />
           <link