diff --git a/templates/partials/banner.html b/templates/partials/banner.html
index 42ad2b208..2280fc4c4 100644
--- a/templates/partials/banner.html
+++ b/templates/partials/banner.html
@@ -1,18 +1,18 @@
 <style>
 @keyframes blink {
   from { opacity: 1; }
-  to { opacity: 0.7; }
+  to { opacity: 0.8; }
 }
 .blink {
   animation: blink 2s infinite alternate;
 }
 </style>
-<div class="relative isolate flex items-center gap-x-6 overflow-hidden mt-4 bg-gray-50 px-6 py-2 sm:before:flex-1 dark:bg-gray-800/50 dark:after:pointer-events-none dark:after:absolute dark:after:inset-x-0 dark:after:bottom-0 dark:after:h-px dark:after:bg-white/10" style="background: #f5e4ed; background: radial-gradient(circle, rgba(245, 228, 237, 1) 0%, rgba(176, 213, 255, 1) 100%);">
+<div id="banner" class="relative isolate flex items-center gap-x-6 overflow-hidden mt-4 bg-gray-50 px-6 py-2 sm:before:flex-1 dark:bg-gray-800/50 dark:after:pointer-events-none dark:after:absolute dark:after:inset-x-0 dark:after:bottom-0 dark:after:h-px dark:after:bg-white/10" style="background: #E6F5EC; background: radial-gradient(circle, rgba(204, 232, 217, 1) 0%, rgba(172, 193, 232, 1) 100%);">
   <p class="text-sm/6 text-gray-900 dark:text-gray-100 blink">
-    Threefold is going commercial with the upcoming <a href="https://www.threefold.io/newsroom/kubecloud/" target="_blank" rel="noopener" class="underline font-semibold whitespace-nowrap text-gray-900 hover:text-gray-700 dark:text-white dark:hover:text-gray-300" style="text-decoration: underline;">KubeCloud Launch</a>! Read our <a href="https://www.threefold.io/newsroom/summer-2025-roundup/" target="_blank" rel="noopener" class="underline font-semibold whitespace-nowrap text-gray-900 hover:text-gray-700 dark:text-white dark:hover:text-gray-300" style="text-decoration: underline;">2025 Summer Round Up</a> <span aria-hidden="true">&rarr;</span>
+    ThreeFold is going commercial! Read our <a href="https://www.threefold.io/newsroom/summer-2025-roundup/" target="_blank" rel="noopener" class="underline font-semibold whitespace-nowrap text-gray-900 hover:text-gray-700 dark:text-white dark:hover:text-gray-300" style="text-decoration: underline;">2025 Summer Round Up</a> <span aria-hidden="true">&rarr;</span>
   </p>
   <div class="flex flex-1 justify-end">
-    <button type="button" class="-m-3 p-3 focus-visible:-outline-offset-4" style="border: none; outline: none; box-shadow: none;">
+    <button type="button" onclick="document.getElementById('banner').style.display = 'none';" class="-m-3 p-3 focus-visible:-outline-offset-4" style="border: none; outline: none; box-shadow: none;">
       <span class="sr-only">Dismiss</span>
       <svg viewBox="0 0 20 20" fill="currentColor" data-slot="icon" aria-hidden="true" class="size-5 text-gray-900 dark:text-gray-100">
         <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />