diff --git a/app/Components/contact-section.tsx b/app/Components/contact-section.tsx
index e459360..53043f4 100644
--- a/app/Components/contact-section.tsx
+++ b/app/Components/contact-section.tsx
@@ -179,24 +179,28 @@ export default function ContactSection() {
                 <a
                   href="#"
                   className="text-white hover:text-blue-400 transition-colors"
+                  aria-label="LinkedIn"
                 >
                   <LinkedInIcon />
                 </a>
                 <a
                   href="#"
                   className="text-white hover:text-blue-400 transition-colors"
+                  aria-label="Twitter"
                 >
                   <XIcon />
                 </a>
                 <a
                   href="#"
                   className="text-white hover:text-blue-400 transition-colors"
+                  aria-label="Instagram"
                 >
                   <InstagramIcon />
                 </a>
                 <a
                   href="#"
                   className="text-white hover:text-blue-400 transition-colors"
+                  aria-label="Facebook"
                 >
                   <FacebookRoundedIcon />
                 </a>
diff --git a/app/layout.tsx b/app/layout.tsx
index cbb9fd7..411d687 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,4 +1,4 @@
-import type { Metadata } from "next";
+import type { Metadata, Viewport } from "next";
 import { Poppins, Playball } from "next/font/google";
 import "./globals.css";
 
@@ -20,6 +20,11 @@ export const metadata: Metadata = {
   description: "Driving growth across sectors through purpose-led leadership",
 };
 
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+};
+
 export default function RootLayout({
   children,
 }: {