diff --git a/docs/src/components/HasuraConBanner/index.tsx b/docs/src/components/HasuraConBanner/index.tsx
index fbb31ceda29..15ffc421d14 100644
--- a/docs/src/components/HasuraConBanner/index.tsx
+++ b/docs/src/components/HasuraConBanner/index.tsx
@@ -143,7 +143,7 @@ const HasuraConBanner = props => {
       <div className={styles['hasura-con-brand']}>
         <img
           className={styles['hasuracon23-img']}
-          src="https://res.cloudinary.com/dh8fp23nd/image/upload/v1683727035/main-web/Group_2608664_c10sky.png"
+          src="https://res.cloudinary.com/dh8fp23nd/image/upload/v1686154570/hasura-con-2023/has-con-light-date_r2a2ud.png"
           alt="Hasura Con"
         />
       </div>
diff --git a/docs/src/components/HasuraConBanner/styles.module.scss b/docs/src/components/HasuraConBanner/styles.module.scss
index 2a0e0863fb2..470dc51eb1e 100644
--- a/docs/src/components/HasuraConBanner/styles.module.scss
+++ b/docs/src/components/HasuraConBanner/styles.module.scss
@@ -6,7 +6,8 @@
   grid-template-columns: 159px 1fr;
   grid-gap: 6%;
   padding: 35px 32px;
-  background: #ffef93;
+  background: #111927;
+  border: 1px solid transparent;
   // background-image: url('@site/static/img/hasura-con-banner-light-bg.svg');
   // background-repeat: no-repeat;
   // background-size: cover;
@@ -100,7 +101,7 @@
   .hasura-con-23-title {
     font-size: 20px;
     font-weight: 800;
-    color: #1f2a37;
+    color: var(--color-gray-0);
     line-height: 1.25;
     letter-spacing: -0.02em;
     // max-width: 220px;
@@ -127,6 +128,7 @@
 }
 html[data-theme='dark'] {
   .hasura-con-banner {
+    border: 1px solid #384250;
     .hasura-con-brand {
       .brand-light {
         display: block;
diff --git a/docs/src/css/default-fonts-and-colors.scss b/docs/src/css/default-fonts-and-colors.scss
index 0ce4134368f..e804bf50463 100644
--- a/docs/src/css/default-fonts-and-colors.scss
+++ b/docs/src/css/default-fonts-and-colors.scss
@@ -237,4 +237,4 @@ html[data-theme='dark'] {
   --collapse-button-bg-color-dark: var(--color-gray-86);
   --docsearch-searchbox-background: var(--color-gray-90) !important;
   --docsearch-searchbox-focus-background: var(--color-gray-86) !important;
-}
\ No newline at end of file
+}