diff --git a/pages/index.js b/pages/index.js
index 4f18df2..530544a 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -10,10 +10,10 @@ import { Button } from 'components/ui/button';
 export default function Home() {
   return (
     <>
-      <div className="cardsContainer m-auto p-10 text-center">
-        <div className="flex">
-          <div className="mr-5">
-            <Image alt="docklogo" src="/docklogo.png" width={84} height={32} />
+      <div className="p-10 m-auto text-center cardsContainer">
+        <div className="flex items-center">
+          <div className="mr-3 h-[24px]">
+            <Image alt="truveralogo" src="/truveralogoblack.png" width={108} height={24} />
           </div>
           <div>
             <h1 className="Header">
@@ -21,7 +21,7 @@ export default function Home() {
             </h1>
           </div>
         </div>
-        <div className="pt-5 grid xl:grid-cols-5 lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2 sm:grid-cols-1 gap-4 text-center">
+        <div className="grid gap-4 pt-5 text-center xl:grid-cols-5 lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2 sm:grid-cols-1">
           {organizations.map((org, i) => (
             <div key={`card${i}`}>
               <div key={i} className="orgCard">
@@ -30,7 +30,7 @@ export default function Home() {
               {org.name === 'Quotient' && (
                 <div className="mt-2">
                   <Link href="/wallet">
-                    <Button className="w-full pt-6 pb-6 rounded-full font-bold" variant="outline">
+                    <Button className="w-full pt-6 pb-6 font-bold rounded-full" variant="outline">
                       <a className="text-blue-600" target="_blank" rel="noopener noreferrer">
                         Download the
                         <br />
@@ -47,7 +47,7 @@ export default function Home() {
           <Separator />
         </div>
         <DemoFlow />
-        <div className="mt-5 m-auto">
+        <div className="m-auto mt-5">
           <Link href="/org/quotient">
             <button className="launchBtn">Launch Demo</button>
           </Link>
diff --git a/pages/mdl.js b/pages/mdl.js
index d941642..19aab10 100644
--- a/pages/mdl.js
+++ b/pages/mdl.js
@@ -205,10 +205,10 @@ function OID4VPProofRequest({ title, desc, proofRequestSetupObject, onPres, setE
       </Head>
 
       <div className="orgCard">
-        <div className="cardImg valign-middle m-auto">
-          <p className="font-bold mb-5">{title}</p>
+        <div className="m-auto cardImg valign-middle">
+          <p className="mb-5 font-bold">{title}</p>
           {isVerified ? (
-            <div className="pt-5 min-h-28 text-sm">Verified!</div>
+            <div className="pt-5 text-sm min-h-28">Verified!</div>
           ) : (
             <div>
               {proofRequest && proofRequest.qrUrlData && proofRequest.qrUrlData.url ? (
@@ -254,16 +254,18 @@ export default function Home() {
 
   return (
     <>
-      <div className="cardsContainer m-auto p-10 text-center">
-        <div className="flex">
-          <div className="mr-5">
-            <Image alt="docklogo" src="/docklogo.png" width={84} height={32} />
-          </div>
-          <div>
+      <div className="p-10 m-auto text-center cardsContainer">
+        <div>
+          <div className="flex items-center">
+            <div className="mr-3 h-[24px]">
+              <Image alt="truveralogo" src="/truveralogoblack.png" width={108} height={24} />
+            </div>
             <h1 className="Header">
               <span className="mr-2">|</span> MDL Demo
             </h1>
-            <p className="text-justify mt-5">
+          </div>
+          <div>
+            <p className="mt-5 text-justify">
               Use this page to test out mDL presentations.
               <br />
               Currently this page supports the Google Digital Credentials API implementation on
@@ -271,12 +273,12 @@ export default function Home() {
               <br />
             </p>
 
-            <p className="text-justify mt-5">
+            <p className="mt-5 text-justify">
               <Collapsible.Root
                 open={showInstructions}
                 onOpenChange={setShowInstructions}
                 className="CollapsibleRoot">
-                <div className="text-justify mt-5">
+                <div className="mt-5 text-justify">
                   <Collapsible.Trigger asChild>
                     <Button>
                       {showInstructions ? '- Hide Instructions' : '+ View Instructions'}
@@ -284,8 +286,8 @@ export default function Home() {
                   </Collapsible.Trigger>
                 </div>
                 <Collapsible.Content>
-                  <div className="text-left mt-5">
-                    <div className="text-left mt-5 text-lg">Device Requirements</div>
+                  <div className="mt-5 text-left">
+                    <div className="mt-5 text-lg text-left">Device Requirements</div>
                     <ol className="pl-5 list-disc">
                       <li>Android device</li>
                       <li>Google Play services 23.40 (or later)</li>
@@ -295,8 +297,8 @@ export default function Home() {
                     </ol>
                   </div>
 
-                  <div className="text-left mt-5">
-                    <div className="text-left mt-5 text-lg">Setup the Google IC Wallet</div>
+                  <div className="mt-5 text-left">
+                    <div className="mt-5 text-lg text-left">Setup the Google IC Wallet</div>
                     <ol className="pl-5 list-disc">
                       <li>
                         Download and install the apk from
@@ -314,8 +316,8 @@ export default function Home() {
                     </ol>
                   </div>
 
-                  <div className="text-left mt-5">
-                    <div className="text-left mt-5 text-lg">Test it out</div>
+                  <div className="mt-5 text-left">
+                    <div className="mt-5 text-lg text-left">Test it out</div>
 
                     <ol className="pl-5 list-disc">
                       <li>Open Chrome on your Android device</li>
@@ -340,7 +342,7 @@ export default function Home() {
         <div className="mt-10 mb-10">
           <Separator />
         </div>
-        <div className="pt-5 grid xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-3 sm:grid-cols-2 sm:grid-cols-1 gap-4 text-center">
+        <div className="grid gap-4 pt-5 text-center xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-3 sm:grid-cols-2 sm:grid-cols-1">
           <OID4VPProofRequest
             proofRequestSetupObject={mdlProofRequest}
             title="Over 18 check"
@@ -359,7 +361,7 @@ export default function Home() {
         <div className="mt-10 mb-10">
           <Separator />
         </div>
-        <div className="mt-5 m-auto" style={{ textAlign: 'left' }}>
+        <div className="m-auto mt-5" style={{ textAlign: 'left' }}>
           {error && <pre>Error: {error}</pre>}
           {res ? (
             <pre>
diff --git a/pages/openid.js b/pages/openid.js
index 85ce810..67988a4 100644
--- a/pages/openid.js
+++ b/pages/openid.js
@@ -200,10 +200,10 @@ function OID4VPProofRequest({ title, desc, proofRequestSetupObject }) {
   return (
     <div>
       <div className="orgCard">
-        <div className="cardImg valign-middle m-auto">
-          <p className="font-bold mb-5">{title}</p>
+        <div className="m-auto cardImg valign-middle">
+          <p className="mb-5 font-bold">{title}</p>
           {isVerified ? (
-            <div className="pt-5 min-h-28 text-sm">
+            <div className="pt-5 text-sm min-h-28">
               Verified!
               <br />
               <br />
@@ -288,10 +288,10 @@ export default function Home() {
 
   return (
     <>
-      <div className="cardsContainer m-auto p-10 text-center">
-        <div className="flex">
-          <div className="mr-5">
-            <Image alt="docklogo" src="/docklogo.png" width={84} height={32} />
+      <div className="p-10 m-auto text-center cardsContainer">
+        <div className="flex items-center">
+          <div className="mr-3 h-[24px]">
+            <Image alt="truveralogo" src="/truveralogoblack.png" width={108} height={24} />
           </div>
           <div>
             <h1 className="Header">
@@ -299,11 +299,11 @@ export default function Home() {
             </h1>
           </div>
         </div>
-        <div className="pt-5 grid xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-3 sm:grid-cols-2 sm:grid-cols-1 gap-4 text-center">
+        <div className="grid gap-4 pt-5 text-center xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-3 sm:grid-cols-2 sm:grid-cols-1">
           <div>
             <div className="orgCard">
-              <div className="cardImg valign-middle m-auto">
-                <p className="font-bold mb-5">OID4VCI</p>
+              <div className="m-auto cardImg valign-middle">
+                <p className="mb-5 font-bold">OID4VCI</p>
                 <div>
                   {credentialOffer ? (
                     <QRCodeGenerator url={credentialOffer.url} />
@@ -324,8 +324,8 @@ export default function Home() {
 
           <div>
             <div className="orgCard">
-              <div className="cardImg valign-middle m-auto">
-                <p className="font-bold mb-5">OID4VCI (no auth)</p>
+              <div className="m-auto cardImg valign-middle">
+                <p className="mb-5 font-bold">OID4VCI (no auth)</p>
                 <div>
                   {credentialOfferNoAuth ? (
                     <QRCodeGenerator url={credentialOfferNoAuth.url} />
@@ -359,7 +359,7 @@ export default function Home() {
         <div className="mt-10 mb-10">
           <Separator />
         </div>
-        <div className="mt-5 m-auto">
+        <div className="m-auto mt-5">
           <button className="launchBtn" style={{ width: '300px' }} onClick={generateEBSIUrls}>
             Generate EBSI Conformance URLs
           </button>
diff --git a/public/truveralogoblack.png b/public/truveralogoblack.png
new file mode 100644
index 0000000..356955a
Binary files /dev/null and b/public/truveralogoblack.png differ