diff --git a/site/assets/scss/_sponsor.scss b/site/assets/scss/_sponsor.scss
new file mode 100644
index 0000000000..dac9a751d7
--- /dev/null
+++ b/site/assets/scss/_sponsor.scss
@@ -0,0 +1,9 @@
+.sponsor {
+  width: 100px;
+  height: 100px;
+}
+
+.sponsor-md {
+  width: 50px;
+  height: 50px;
+}
diff --git a/site/assets/scss/docs.scss b/site/assets/scss/docs.scss
index 4da387aa4a..ec59ef2f09 100644
--- a/site/assets/scss/docs.scss
+++ b/site/assets/scss/docs.scss
@@ -36,6 +36,7 @@
 @import "ads";
 @import "content";
 @import "skippy";
+@import "sponsor";
 @import "sidebar";
 @import "layout";
 @import "toc";
diff --git a/site/content/docs/5.0/thanks.md b/site/content/docs/5.0/thanks.md
index d828f50a0b..9589cafea8 100644
--- a/site/content/docs/5.0/thanks.md
+++ b/site/content/docs/5.0/thanks.md
@@ -52,7 +52,7 @@ Through donations and sponsorships we are able to maintain & improve Bootstrap.
 
         output.push(
           '<div class="m-2 position-relative">',
-          ' <div class="img-thumbnail mx-auto d-flex align-items-center justify-content-center overflow-hidden" style="width:100px; height: 100px;">',
+          ' <div class="img-thumbnail mx-auto d-flex align-items-center justify-content-center overflow-hidden sponsor">',
           '  <img class="img-fluid d-block" src="' + sponsorAccount.imageUrl + '" alt="' + sponsorAccount.name + '">',
           ' </div>',
           ' <h3 class="h6 pt-2">',
@@ -82,7 +82,7 @@ Through donations and sponsorships we are able to maintain & improve Bootstrap.
 
         output.push(
           '<div class="m-1 position-relative">',
-          ' <div class="img-thumbnail d-flex align-items-center justify-content-center overflow-hidden" style="width:50px; height: 50px;">'
+          ' <div class="img-thumbnail d-flex align-items-center justify-content-center overflow-hidden sponsor-sm">'
         )
 
         if (backerAccount.website) {