diff --git a/src/components/Filter/FilterTitle.tsx b/src/components/Filter/FilterTitle.tsx
index 32abb7f..2973420 100644
--- a/src/components/Filter/FilterTitle.tsx
+++ b/src/components/Filter/FilterTitle.tsx
@@ -26,6 +26,13 @@ const Container = styled.div`
     box-sizing: border-box;
   }
 
+  @media (max-width: ${breakpoints.xl}px) {
+    sup {
+      font-size: 18px;
+      margin-left: 4px;
+    }
+  }
+
   @media (max-width: ${breakpoints.md}px) {
     font-size: 22px;
     line-height: 122%;
diff --git a/src/components/Portfolio/Portfolio.tsx b/src/components/Portfolio/Portfolio.tsx
index 818ab51..7f443c6 100644
--- a/src/components/Portfolio/Portfolio.tsx
+++ b/src/components/Portfolio/Portfolio.tsx
@@ -41,7 +41,7 @@ const Header = styled.div`
     margin-bottom: 42px;
 
     sup {
-      font-size: 12px;
+      font-size: 18px;
       margin-left: 0px;
     }
   }
diff --git a/src/components/Services/ServiceContact.tsx b/src/components/Services/ServiceContact.tsx
index fede046..d0e2076 100644
--- a/src/components/Services/ServiceContact.tsx
+++ b/src/components/Services/ServiceContact.tsx
@@ -1,5 +1,6 @@
 import { breakpoints } from '@/configs/ui.configs'
 import styled from '@emotion/styled'
+import Link from 'next/link'
 
 const ServiceContact = () => {
   return (
@@ -15,7 +16,9 @@ const ServiceContact = () => {
           please get in touch.
         </Description>
       </Content>
-      <EmailButton>Email us</EmailButton>
+      <Link href="mailto:info@free.technology">
+        <EmailButton>Email us</EmailButton>
+      </Link>
     </Container>
   )
 }