diff --git a/docs/_includes/index/intro.html b/docs/_includes/index/intro.html
index 25e9b0493e..cc4b21715b 100644
--- a/docs/_includes/index/intro.html
+++ b/docs/_includes/index/intro.html
@@ -48,11 +48,11 @@ <h1 class="title intro-title">
         </div>
       </div>
 
-      <div class="intro-columns is-partners">
-        <div class="intro-column is-sponsor">
+      <div class="intro-partners">
+        <div class="intro-sponsor">
           {% include sponsor.html %}
         </div>
-        <div class="intro-column is-carbon">
+        <div class="intro-carbon">
           {% include carbon.html %}
         </div>
       </div>
diff --git a/docs/_sass/index.sass b/docs/_sass/index.sass
index f99b7a7d8a..2219f8af30 100644
--- a/docs/_sass/index.sass
+++ b/docs/_sass/index.sass
@@ -145,6 +145,12 @@
     &:hover
       opacity: 1
 
+.intro-partners
+  margin-top: 6rem
+
+.intro-carbon
+  margin-top: 0.5rem
+
 +mobile
   .intro-buttons
     .button
@@ -162,29 +168,20 @@
     justify-content: space-between
 
 +touch
-  .intro-column.is-video,
-  .intro-column.is-carbon
+  .intro-column.is-video
     margin-top: 3rem
-  .intro-columns.is-partners
-    margin-top: 6rem
 
 +desktop
   .intro-columns
     display: flex
     justify-content: center
-    &.is-partners
-      align-items: center
-      margin-top: 3rem
   .intro-column
     width: calc(50% - 1.5rem)
-    &.is-content,
-    &.is-sponsor
+    &.is-content
       margin-right: 1.5rem
-    &.is-video,
-    &.is-carbon
+    &.is-video
       margin-left: 1.5rem
-  .intro-content,
-  .bd-sponsor
+  .intro-content
     max-width: 440px
   .intro-title
     margin-top: -11px
diff --git a/docs/_sass/sponsors.sass b/docs/_sass/sponsors.sass
index a0de27626b..c13295acf1 100644
--- a/docs/_sass/sponsors.sass
+++ b/docs/_sass/sponsors.sass
@@ -27,6 +27,9 @@
     align-items: center
     display: flex
     justify-content: center
-    margin: 0 10px 20px
-    width: 200px
+    margin: 1rem
+    width: 160px
+    img
+      max-height: 60px
+      width: auto
 
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 376b157d56..41cf657e8e 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -11351,6 +11351,14 @@ svg {
   opacity: 1;
 }
 
+.intro-partners {
+  margin-top: 6rem;
+}
+
+.intro-carbon {
+  margin-top: 0.5rem;
+}
+
 @media screen and (max-width: 768px) {
   .intro-buttons .button {
     display: -webkit-box;
@@ -11381,13 +11389,9 @@ svg {
 }
 
 @media screen and (max-width: 1023px) {
-  .intro-column.is-video,
-  .intro-column.is-carbon {
+  .intro-column.is-video {
     margin-top: 3rem;
   }
-  .intro-columns.is-partners {
-    margin-top: 6rem;
-  }
 }
 
 @media screen and (min-width: 1024px) {
@@ -11399,23 +11403,16 @@ svg {
         -ms-flex-pack: center;
             justify-content: center;
   }
-  .intro-columns.is-partners {
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    margin-top: 3rem;
-  }
   .intro-column {
     width: calc(50% - 1.5rem);
   }
-  .intro-column.is-content, .intro-column.is-sponsor {
+  .intro-column.is-content {
     margin-right: 1.5rem;
   }
-  .intro-column.is-video, .intro-column.is-carbon {
+  .intro-column.is-video {
     margin-left: 1.5rem;
   }
-  .intro-content,
-  .bd-sponsor {
+  .intro-content {
     max-width: 440px;
   }
   .intro-title {
@@ -13488,8 +13485,13 @@ html.route-index .hero.is-primary a.column:hover .title strong {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  margin: 0 10px 20px;
-  width: 200px;
+  margin: 1rem;
+  width: 160px;
+}
+
+.bd-sponsor-list a img {
+  max-height: 60px;
+  width: auto;
 }
 
 @-webkit-keyframes fadeIn {