diff --git a/client/src/assets/icons/survey.svg b/client/src/assets/icons/survey.svg
index e928361f259e..d12d061c0d5a 100644
--- a/client/src/assets/icons/survey.svg
+++ b/client/src/assets/icons/survey.svg
@@ -1 +1 @@
-<svg viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M26.05 7C12.765 7 2 17.769 2 31.05c0 13.28 10.769 24.048 24.05 24.048 13.28 0 23.452-10.183 24.02-22.96H26.05V7Z" fill="#714696" stroke="#201D1D" stroke-width="3" stroke-miterlimit="10"/><path d="M30.272 2v25.138h24.02c.018-.36.029-.725.029-1.089C54.32 12.766 43.552 2 30.27 2Z" stroke="#000" stroke-width="3" stroke-miterlimit="10"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="53" height="49" fill="none"><path fill="#FED21C" d="M2.305 5s.118.366.297.49c.154.107.481.126.481.126s-.391.241-.565.478c-.15.203-.266.573-.266.573s-.12-.364-.298-.489c-.153-.107-.48-.127-.48-.127s.39-.24.565-.476c.15-.203.266-.575.266-.575m32-4s.123.236.256.333c.115.083.334.134.334.134s-.23.098-.316.22c-.074.104-.105.313-.105.313s-.124-.234-.257-.331a1.2 1.2 0 0 0-.334-.136s.23-.097.316-.218c.075-.105.106-.315.106-.315"/><path fill="#FC08B2" d="M33.895 0s.123.236.257.333c.114.083.334.134.334.134s-.23.098-.316.22c-.075.104-.106.313-.106.313s-.123-.234-.257-.331c-.114-.084-.334-.136-.334-.136s.23-.097.316-.218c.075-.105.106-.315.106-.315"/><path fill="#FED21C" d="M1.305 7s.118.366.297.49c.154.107.481.126.481.126s-.391.241-.565.478c-.15.203-.266.573-.266.573s-.12-.364-.298-.489c-.153-.107-.48-.127-.48-.127s.39-.24.565-.476c.15-.203.266-.575.266-.575"/><path fill="#fff" fill-rule="evenodd" d="M28.644 5.066c5.746 2.052 7.432 7.853 10.973 12.253 3.388 4.208 9.8 7.68 8.992 12.549-.808 4.874-7.723 6.395-12.557 8.953-4.5 2.382-8.672 5.467-14.122 5.167-6.164-.339-12.71-2.417-16.305-6.84-3.556-4.374-1.878-9.807-1.397-14.935C4.765 16.501 3.45 9.788 8.53 6.22c5.256-3.69 13.51-3.51 20.114-1.153" clip-rule="evenodd"/><rect width="2" height="9.217" x="31.006" fill="#AB97FF" rx=".25" transform="rotate(24.255 31.006 0)"/><path fill="#855EFD" d="M27.317 9.124a.01.01 0 0 0 .005.013l1.095.494a.01.01 0 0 0 .013-.005l.246-.546a.01.01 0 0 0-.005-.013l-1.095-.494a.01.01 0 0 0-.014.005z"/><path fill="#AB97FF" d="m27.51 9.296.61.246-.11.259-1 .5z"/><path fill="#855EFD" d="m30.014 2.211 1.828.824-.254.563-1.828-.823z"/><rect width="17.656" height="18.987" x="3.474" y="6.27" fill="#FC08B2" rx="1" transform="rotate(-10.658 3.474 6.27)"/><rect width="18.008" height="18.987" x="4.128" y="6.332" fill="#FFD344" rx="1" transform="rotate(-10.658 4.128 6.332)"/><rect width="17.959" height="18.987" x="4.474" y="6.324" fill="#CEB6FF" rx="1" transform="rotate(-10.658 4.474 6.324)"/><path fill="#FED21C" fill-rule="evenodd" d="m10.492 4.059 6.43-.927.246 1.712-.246-1.71-.462.94.707.77-6.428.927.46-.94z" clip-rule="evenodd"/><path fill="#FC08B2" d="m12.823 3.71.59-.07-.921 1.883-.585.084zm2.26-.329.591-.069-.922 1.883-.584.084z"/><path fill="#FED21C" fill-rule="evenodd" d="M16.896 15.994a4 4 0 0 0-2.988 4.804l2.043 8.765a4 4 0 0 0 4.804 2.987l.396-.092 1.005 3.01a.5.5 0 0 0 .903.099l2.472-4.13 12.754-2.973a4 4 0 0 0 2.988-4.804l-2.044-8.765a4 4 0 0 0-4.803-2.987z" clip-rule="evenodd"/><circle cx="27.477" cy="21.744" r="7" fill="#fff" transform="rotate(-13.122 27.477 21.744)"/><path fill="#FED21C" d="m27.422 22.16-2.838-1.787-1.24 2.39 4.73 2.978 4.17-6.622-1.892-1.192z"/></svg>
\ No newline at end of file
diff --git a/client/src/ui/molecules/document-survey/index.scss b/client/src/ui/molecules/document-survey/index.scss
index 0511fb0e6f3e..b25328723e22 100644
--- a/client/src/ui/molecules/document-survey/index.scss
+++ b/client/src/ui/molecules/document-survey/index.scss
@@ -1,8 +1,9 @@
 @use "../../vars" as *;
 
 .document-survey {
+  --margin-vertical: 0.75rem;
+  // Same color for light and dark theme.
   background-color: $mdn-color-light-theme-violet-10;
-  border: 5px solid $mdn-color-light-theme-violet-70;
   border-radius: 0.5rem;
   color: $mdn-color-neutral-90;
   padding: 1rem;
@@ -13,13 +14,14 @@
     background-size: cover;
     content: "";
     display: inline-block;
-    height: 33px;
+    height: 49px;
     position: absolute;
-    width: 32px;
+    width: 53px;
   }
 
   iframe {
     border: 0;
+    border-radius: 0.5rem;
   }
 
   button[type="button"],
@@ -29,14 +31,14 @@
 
   details {
     iframe {
-      margin: 0.9rem;
-      margin-bottom: 0;
-      width: calc(100% - 1.2rem);
+      margin-top: var(--margin-vertical);
     }
   }
 
   summary {
-    margin-top: 1rem;
+    // Same color for light and dark theme.
+    color: #6800cf;
+    margin-top: var(--margin-vertical);
     text-decoration: underline;
 
     &:focus,
@@ -51,11 +53,28 @@
   }
 
   .survey-header,
-  .survey-container {
-    padding-left: 2.5em;
+  .survey-container summary,
+  .survey-footer {
+    margin-left: 4rem;
   }
 
-  .survey-dismiss svg.icon {
-    color: $mdn-color-neutral-90;
+  .survey-footer {
+    font-size: var(--type-smaller-font-size);
+    font-style: italic;
+    font-variation-settings: "slnt" -10;
+    margin-top: var(--margin-vertical);
+  }
+
+  .survey-dismiss {
+    // Avoid the parent container to grow from 28px to 30px.
+    margin-top: -2px;
+
+    .icon {
+      background-color: $mdn-color-neutral-60;
+
+      &:hover {
+        background-color: $mdn-color-neutral-90;
+      }
+    }
   }
 }
diff --git a/client/src/ui/molecules/document-survey/index.tsx b/client/src/ui/molecules/document-survey/index.tsx
index 31ede3f6c5eb..7f1fa43b1dbf 100644
--- a/client/src/ui/molecules/document-survey/index.tsx
+++ b/client/src/ui/molecules/document-survey/index.tsx
@@ -153,6 +153,9 @@ function SurveyDisplay({ survey, force }: { survey: Survey; force: boolean }) {
           ></iframe>
         )}
       </details>
+      {survey.footnote && (
+        <section className="survey-footer">({survey.footnote})</section>
+      )}
     </div>
   );
 }
diff --git a/client/src/ui/molecules/document-survey/surveys.ts b/client/src/ui/molecules/document-survey/surveys.ts
index 9ba04291b1c2..00a48919fd2b 100644
--- a/client/src/ui/molecules/document-survey/surveys.ts
+++ b/client/src/ui/molecules/document-survey/surveys.ts
@@ -15,6 +15,7 @@ export interface Survey {
   src: string;
   teaser: string;
   question: string;
+  footnote?: string;
 }
 
 enum SurveyBucket {