diff --git a/packages/web/src/components/VaultCard/VaultCard.tsx b/packages/web/src/components/VaultCard/VaultCard.tsx
index 83d0386ad..30518d677 100644
--- a/packages/web/src/components/VaultCard/VaultCard.tsx
+++ b/packages/web/src/components/VaultCard/VaultCard.tsx
@@ -110,6 +110,7 @@ export const VaultCard = ({
   const getAuditStatusPill = () => {
     if (!vault.description) return null;
     if (!vault.description["project-metadata"].endtime) return null;
+    if (!vault.description["project-metadata"].starttime) return null;
 
     if (auditPayout) {
       return (
@@ -120,6 +121,16 @@ export const VaultCard = ({
     }
 
     if (vault.dateStatus === "upcoming") {
+      const startTime = moment(vault.description["project-metadata"].starttime * 1000);
+
+      if (startTime.diff(moment(), "hours") <= 24) {
+        return (
+          <div className="mb-4">
+            <Pill transparent dotColor="yellow" text={`${t("starting")} ${startTime.fromNow()}`} />
+          </div>
+        );
+      }
+
       return (
         <div className="mb-4">
           <Pill transparent dotColor="yellow" text={t("upcoming")} />
@@ -132,7 +143,7 @@ export const VaultCard = ({
     if (endTime.diff(moment(), "hours") <= 24) {
       return (
         <div className="mb-4">
-          <Pill transparent dotColor="yellow" text={`${t("endingSoon")} ${endTime.fromNow()}`} />
+          <Pill transparent dotColor="yellow" text={`${t("ending")} ${endTime.fromNow()}`} />
         </div>
       );
     } else {
diff --git a/packages/web/src/languages/en.json b/packages/web/src/languages/en.json
index 29524e24f..56a43b846 100644
--- a/packages/web/src/languages/en.json
+++ b/packages/web/src/languages/en.json
@@ -434,6 +434,9 @@
     "finishedCompetitions": "Finished competitions",
     "liveNow": "Live now",
     "endingSoon": "Ending soon",
+    "startingSoon": "Starting soon",
+    "ending": "Ending",
+    "starting": "Starting",
     "paidCompetition": "Paid competition",
     "paidAssets": "Paid assets",
     "paid": "Paid",
diff --git a/packages/web/src/pages/Honeypots/VaultDetailsPage/Sections/VaultScopeSection/InScopeSection/InScopeSection.tsx b/packages/web/src/pages/Honeypots/VaultDetailsPage/Sections/VaultScopeSection/InScopeSection/InScopeSection.tsx
index 3e4bf704b..5ea40f5e7 100644
--- a/packages/web/src/pages/Honeypots/VaultDetailsPage/Sections/VaultScopeSection/InScopeSection/InScopeSection.tsx
+++ b/packages/web/src/pages/Honeypots/VaultDetailsPage/Sections/VaultScopeSection/InScopeSection/InScopeSection.tsx
@@ -284,7 +284,7 @@ export const InScopeSection = ({ vault }: InScopeSectionProps) => {
       {/* Documentation */}
       {docsLink && (
         <>
-          <h4 className="section-subtitle">
+          <h4 className="section-subtitle mt-4">
             <DocumentIcon className="icon" />
             <span>{t("documentation")}</span>
           </h4>
diff --git a/packages/web/src/styles/global.styles.ts b/packages/web/src/styles/global.styles.ts
index e3413ac32..4c2e77871 100644
--- a/packages/web/src/styles/global.styles.ts
+++ b/packages/web/src/styles/global.styles.ts
@@ -217,4 +217,11 @@ export const GlobalStyle = createGlobalStyle`
             }
         }
     }
+
+    // Markdown styles
+    .wmde-markdown {
+        pre > code {
+            background: var(--markdown-code-backgroud);
+        }
+    }
 `;
diff --git a/packages/web/src/styles/variables.styles.ts b/packages/web/src/styles/variables.styles.ts
index c2e914d57..2578d297e 100644
--- a/packages/web/src/styles/variables.styles.ts
+++ b/packages/web/src/styles/variables.styles.ts
@@ -25,6 +25,7 @@ export const variables = css`
     --background-3: #242541;
     --background-4: #3b3e6d;
     --disabled-input: #070a14;
+    --markdown-code-backgroud: rgba(110, 118, 129, 0.4);
 
     --white: #ffffff;
     --error-red: #ff6464;