diff --git a/components/Layout.tsx b/components/Layout.tsx
index 6db4efb..99192b5 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -7,7 +7,7 @@ export default function Layout({ children }: LayoutProps) {
   return (
     <>
       <header className="py-5 px-20">
-        <h1 className="text-2xl">Mock SAML IdP</h1>
+        <h1 className="text-3xl font-bold">Mock SAML IdP</h1>
       </header>
       <main className="h-[calc(100%_-_76px)] overflow-auto">{children}</main>
     </>
diff --git a/pages/index.tsx b/pages/index.tsx
index 7bf759c..201b8fb 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,13 +1,12 @@
-import { GetServerSideProps } from "next";
+import { GetStaticProps } from "next";
 import { IdPMetadata } from "../types";
 import config from "../lib/env";
 import { createCertificate } from "../utils";
 import React from "react";
 import Link from "next/link";
-import Layout from "components/Layout";
 import Head from "next/head";
 
-export const getServerSideProps: GetServerSideProps = async () => {
+export const getStaticProps: GetStaticProps = async () => {
   const metadata: IdPMetadata = {
     ssoUrl: config.ssoUrl,
     entityId: config.entityId,
@@ -27,12 +26,12 @@ const Home: React.FC<{ metadata: IdPMetadata }> = ({ metadata }) => {
       <Head>
         <title>Mock SAML IdP - Metadata</title>
       </Head>
-      <div className="w-3/5 mx-auto relative top-10 bg-blue-50 p-5 rounded-xl grid gap-6 grid-cols-3 shadow-lg shadow-blueGray-50 text-[#145698]">
-        <p className="font-bold">SSO URL</p>
+      <div className="w-4/5 lg:w-3/5 mx-auto relative top-20 bg-blue-50 p-10 rounded-xl grid gap-6 grid-cols-3 shadow-lg shadow-blueGray-50 text-[#145698]">
+        <p className="font-extrabold">SSO URL</p>
         <p className="col-span-2">{metadata.ssoUrl}</p>
-        <p className="font-bold">Entity ID</p>
+        <p className="font-extrabold">Entity ID</p>
         <p className="col-span-2">{metadata.entityId}</p>
-        <p className="font-bold">Certificate</p>
+        <p className="font-extrabold">Certificate</p>
         <p className="min-w-0 overflow-auto text-sm col-span-2">
           {metadata.certificate}
         </p>
