diff --git a/framework/vendure/api/checkout/index.ts b/framework/vendure/api/checkout/index.ts
index 21083e9b7..08b21f6a9 100644
--- a/framework/vendure/api/checkout/index.ts
+++ b/framework/vendure/api/checkout/index.ts
@@ -11,8 +11,11 @@ const checkoutApi = async (req: any, res: any, config: any) => {
           <title>Checkout</title>
         </head>
         <body>
-          <div style='margin: 10rem auto; text-align: center; font-family: SansSerif, "Segoe UI", Helvetica'>
-             <h1>Checkout not implemented :(</h1>
+          <div style='margin: 10rem auto; text-align: center; font-family: SansSerif, "Segoe UI", Helvetica; color: #888;'>
+             <svg xmlns="http://www.w3.org/2000/svg" style='height: 60px; width: 60px;' fill="none" viewBox="0 0 24 24" stroke="currentColor">
+               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+             </svg>
+             <h1>Checkout not yet implemented :(</h1>
              <p>
              See <a href='https://github.com/vercel/commerce/issues/64' target='_blank'>#64</a>
              </p>
