diff --git a/layouts/interviews/single.html b/layouts/interviews/single.html
index eb4890d..89669c2 100644
--- a/layouts/interviews/single.html
+++ b/layouts/interviews/single.html
@@ -19,8 +19,13 @@
           {{ end }}
           <div class="md:block hidden">{{ partial "interview-metadata.html" . }}</div>
         </aside>
-        <div class="prose lg:prose-xl dark:prose-invert lg:w-2/3 p-4 mx-auto md:mx-0">
+        <div class="prose-xl dark:prose-invert lg:w-2/3 p-4 mx-auto md:mx-0">
           <p class="font-bold text-4xl interview-title interview-title--single">{{ partial "interview-title" . }}</p>
+          <p class="text-2xl">{{ .Params.summary }}</p>
+          <div class="wompum-container wompum-container--no-gap h-1">
+            <div class="wompum-grid" data-text="{{ .Params.summary }}" data-columns="12" data-rows="1">
+            </div>
+          </div>
           {{ .Content }}
         </div>
         <aside class="md:hidden block p-8 mt-8 border-t border-gray-200">{{ partial "interview-metadata.html" . }}</aside>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index b4d48ff..e179880 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,6 +1,6 @@
 <!-- basic header partial in hugo with just home and about -->
 <header class="flex flex-col mb-4">
-  <div class="flex justify-between items-center p-4">
+  <div class="flex justify-between gap-4 items-center p-4">
     <h1 class="text-2xl font-bold">
       <a href="/">{{ .Site.Title }}</a>
     </h1>