diff --git a/pages/index.tsx b/pages/index.tsx
index acf93c4..f106118 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -23,33 +23,33 @@ const Home: React.FC<{ metadata: IdPMetadata }> = ({ metadata }) => {
   const { ssoUrl, entityId, certificate } = metadata;
 
   return (
-    <section className='body-font text-gray-600'>
-      <div className='container mx-auto px-5 py-24'>
-        <div className='mb-12 flex w-full flex-col text-center'>
-          <h1 className='title-font mb-4 text-2xl font-medium text-gray-900 sm:text-3xl'>
+    <section className='text-gray-600 body-font'>
+      <div className='container px-5 py-24 mx-auto'>
+        <div className='flex flex-col w-full mb-12 text-center'>
+          <h1 className='mb-4 text-2xl font-medium text-gray-900 title-font sm:text-3xl'>
             Mock SAML Metadata
           </h1>
           <p className='mx-auto text-base font-medium leading-relaxed lg:w-2/3'>
-            A simple mock SAML 2.0 Identity Provider for development and testing the SAML SSO integration.
+            A mock SAML 2.0 Identity Provider for development and testing SAML SSO integrations. <b>Please do not use this in production.</b>
           </p>
         </div>
-        <div className='mx-auto flex w-full items-end space-y-4 px-8 sm:space-x-4 sm:space-y-0 sm:px-0 lg:w-2/3'>
+        <div className='flex items-end w-full px-8 mx-auto space-y-4 sm:space-x-4 sm:space-y-0 sm:px-0 lg:w-2/3'>
           <div className='relative mr-4 lg:w-full'>
             <label className='text-sm leading-7 text-gray-600'>SSO URL</label>
-            <input type='text' defaultValue={ssoUrl} className='input w-full' />
+            <input readOnly type='text' defaultValue={ssoUrl} className='w-full input' />
           </div>
           <div className='relative mr-4 lg:w-full'>
             <label className='text-sm leading-7 text-gray-600'>Entity ID</label>
-            <input type='text' defaultValue={entityId} className='input w-full' />
+            <input readOnly type='text' defaultValue={entityId} className='w-full input' />
           </div>
         </div>
-        <div className='mx-auto mt-5 flex w-full items-end space-y-4 px-8 sm:space-x-4 sm:space-y-0 sm:px-0 lg:w-2/3'>
+        <div className='flex items-end w-full px-8 mx-auto mt-5 space-y-4 sm:space-x-4 sm:space-y-0 sm:px-0 lg:w-2/3'>
           <div className='relative lg:w-full'>
             <label className='text-sm leading-7 text-gray-600'>Certificate</label>
-            <textarea rows={5} defaultValue={certificate} className='input w-full'></textarea>
+            <textarea readOnly rows={5} defaultValue={certificate} className='w-full input'></textarea>
           </div>
         </div>
-        <div className='mx-auto mt-5 flex w-full items-end space-y-4 px-8 sm:space-x-4 sm:space-y-0 sm:px-0 lg:w-2/3'>
+        <div className='flex items-end w-full px-8 mx-auto mt-5 space-y-4 sm:space-x-4 sm:space-y-0 sm:px-0 lg:w-2/3'>
           <Link href='/api/saml/metadata/download'>
             <a className='button'>Download Metadata</a>
           </Link>