diff --git a/components/ui/dialog.jsx b/components/ui/dialog.jsx
index 9ae33bb..cbfdad0 100644
--- a/components/ui/dialog.jsx
+++ b/components/ui/dialog.jsx
@@ -31,7 +31,7 @@ const DialogContent = React.forwardRef(({ className, children, ...props }, ref)
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-800 bg-neutral-900 p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
+        "fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-32px)] max-h-[85vh] translate-x-[-50%] translate-y-[-50%] overflow-y-auto gap-4 border border-neutral-800 bg-neutral-900 p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg sm:w-full sm:max-w-lg",
         className
       )}
       {...props}
@@ -52,7 +52,7 @@ const DialogHeader = ({
 }) => (
   <div
     className={cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
+      "flex flex-col space-y-1.5 text-left",
       className
     )}
     {...props}
diff --git a/pages/index.js b/pages/index.js
index fc138bb..2217456 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -278,57 +278,65 @@ export default function Dashboard() {
                     <span className="sr-only">Dashboard information</span>
                   </button>
                 </DialogTrigger>
-                <DialogContent className="sm:max-w-[600px] mx-4">
+                <DialogContent className="p-4 sm:p-6">
                   <DialogHeader>
-                    <DialogTitle className="mb-6">Testnet Metrics</DialogTitle>
-                    <div className="w-full h-40 bg-neutral-800 rounded-lg mb-6 animate-pulse" />
-                    <DialogDescription className="pt-3">
-                      The data displayed in this dashboard is collected from Codex nodes that use the{' '}
-                      <a 
-                        href="https://github.com/codex-storage/cli" 
-                        target="_blank" 
-                        rel="noopener noreferrer"
-                        className="text-[#7afbaf] hover:underline"
-                      >
-                        Codex CLI
-                      </a>
-                      {' '}for running a Codex alturistic node in the testnet. Users agree to a privacy 
-                      disclaimer before using the Codex CLI and the data collected will be used to 
-                      understand the testnet statistics and help troubleshooting users who face 
-                      difficulty in getting onboarded to Codex.
+                    <DialogTitle className="text-xl sm:text-2xl mb-4 sm:mb-6">Testnet Metrics</DialogTitle>
+                    {/* Image dimensions: 1200x630 (2:1.05 aspect ratio - optimal for social sharing) */}
+                    <img src="testnet.png" alt="Testnet Metrics" className="w-full aspect-[2/1.05] rounded-lg mb-4 sm:mb-6" />
+                    <DialogDescription className="text-sm sm:text-base pt-2 sm:pt-3 space-y-4">
+                      <p>
+                        The data displayed in this dashboard is collected from Codex nodes that use the{' '}
+                        <a 
+                          href="https://github.com/codex-storage/cli" 
+                          target="_blank" 
+                          rel="noopener noreferrer"
+                          className="text-[#7afbaf] hover:underline"
+                        >
+                          Codex CLI
+                        </a>
+                        {' '}for running a Codex alturistic node in the testnet.
+                      </p>
+                      <p>
+                        Users agree to a privacy disclaimer before using the Codex CLI and the data collected will be used to 
+                        understand the testnet statistics and help troubleshooting users who face 
+                        difficulty in getting onboarded to Codex.
+                      </p>
                     </DialogDescription>
-                    <div className="mt-8 space-y-4 border-neutral-800 pt-4">
+                    <div className="mt-6 sm:mt-8 space-y-4 sm:space-y-6 border-t border-neutral-800 pt-4 sm:pt-6">
                       <div>
-                        <h4 className="text-sm font-semibold text-white mb-2">Don't wish to provide data?</h4>
+                        <h4 className="text-sm sm:text-base font-semibold text-white mb-2 sm:mb-3">Don't wish to provide data?</h4>
                         <p className="text-sm text-neutral-400">
-                          You can still run a Codex node without providing any data. To do this, please follow the steps mentioned in the                     <a 
-                        href="https://docs.codex.storage/" 
-                        target="_blank" 
-                        rel="noopener noreferrer"
-                        className="text-[#7afbaf] hover:underline"
-                      >
-                        Codex documentation
-                      </a> which does not use the Codex CLI.
+                          You can still run a Codex node without providing any data. To do this, please follow the steps mentioned in the{' '}
+                          <a 
+                            href="https://docs.codex.storage/" 
+                            target="_blank" 
+                            rel="noopener noreferrer"
+                            className="text-[#7afbaf] hover:underline"
+                          >
+                            Codex documentation
+                          </a>
+                          {' '}which does not use the Codex CLI.
                         </p>
                       </div>
                       <div>
-                        <h4 className="text-sm font-semibold text-white mb-2">Is there an incentive to run a Codex node?</h4>
+                        <h4 className="text-sm sm:text-base font-semibold text-white mb-2 sm:mb-3">Is there an incentive to run a Codex node?</h4>
                         <p className="text-sm text-neutral-400">
                           Codex is currently in testnet and it is not incentivized. However, in the future, Codex may be incentivized as per the roadmap. But please bear in mind that no incentives are promised for testnet node operators.
                         </p>
                       </div>
                       <div>
-                        <h4 className="text-sm font-semibold text-white mb-2">I have a question or suggestion</h4>
+                        <h4 className="text-sm sm:text-base font-semibold text-white mb-2 sm:mb-3">I have a question or suggestion</h4>
                         <p className="text-sm text-neutral-400">
-                          The best way to get in touch with us is to join the 
-                        <a
-                        href="https://discord.gg/codex-storage"
-                        target="_blank" 
-                        rel="noopener noreferrer"
-                        className="text-[#7afbaf] hover:underline"
-                      >
-                        {" "}Codex discord
-                      </a> and ask your question in the #support channel.
+                          The best way to get in touch with us is to join the{' '}
+                          <a
+                            href="https://discord.gg/codex-storage"
+                            target="_blank" 
+                            rel="noopener noreferrer"
+                            className="text-[#7afbaf] hover:underline"
+                          >
+                            Codex discord
+                          </a>
+                          {' '}and ask your question in the #support channel.
                         </p>
                       </div>
                     </div>
diff --git a/public/testnet.png b/public/testnet.png
new file mode 100644
index 0000000..5667698
Binary files /dev/null and b/public/testnet.png differ