diff --git a/website/www/site/assets/js/sliders/top-banners.js b/website/www/site/assets/js/sliders/top-banners.js
index 4474198990f2..628dee2b4570 100644
--- a/website/www/site/assets/js/sliders/top-banners.js
+++ b/website/www/site/assets/js/sliders/top-banners.js
@@ -11,10 +11,14 @@
 // the License.
 
 new Swiper('.top-banners', {
-  autoplay: {
-    delay: 5000,
+  autoplay: false,
+  effect: 'fade',
+  loop: true,
+  navigation: {
+    enabled: true,
+    nextEl: '.swiper-button-next',
+    prevEl: '.swiper-button-prev',
   },
-  loop: false,
   pagination: {
     el: ".top-banners .swiper-pagination",
     clickable: true,
diff --git a/website/www/site/layouts/partials/header.html b/website/www/site/layouts/partials/header.html
index 957e3de2b1ed..139ae9bc885d 100644
--- a/website/www/site/layouts/partials/header.html
+++ b/website/www/site/layouts/partials/header.html
@@ -207,12 +207,6 @@
 
 <div class="top-banners swiper">
   <div class="swiper-wrapper">
-    <div class="swiper-slide">
-      <a href="https://beamcollege.dev/">
-        <img class="banner-img-desktop" src="/images/college_2023_banner_desktop.png" alt="banner-desktop">
-        <img class="banner-img-mobile" src="/images/college_2023_banner_mobile.png" alt="banner-mobile">
-      </a>
-    </div>
     <div class="swiper-slide">
       <a href="https://tour.beam.apache.org">
         <img class="banner-img-desktop" src="/images/banners/tour-of-beam/tour-of-beam-desktop.png" alt="Start Tour of Beam">
@@ -227,6 +221,8 @@
     </div>
   </div>
   <div class="swiper-pagination"></div>
+  <div class="swiper-button-prev"></div>
+  <div class="swiper-button-next"></div>
 </div>
 {{ $swiperSlider := resources.Get "js/swiper-bundle.min.js" | minify | fingerprint }}
 <script src="{{ $swiperSlider.RelPermalink }}"></script>