diff --git a/footer.php b/footer.php
index 4bd5dc4..27e156d 100644
--- a/footer.php
+++ b/footer.php
@@ -8,40 +8,40 @@
 </div>
 
 <?php if ($hb_currentPost?->post_name !== 'nasi-partneri'): ?>
-<aside class="sponsors">
-	<ul class="sponsors-list">
-		<li class="sponsors-list-item sponsors-list-item--msmt">
+<aside class="sponsors hb-pi-4 hb-pb-5 hb-ta-c">
+	<ul class="sponsors__list [ hb-d-g hb-rg-5 hb-cg-4 hb-ji-c hb-jc-c hb-ai-c ] [ hb-mi-auto hb-mbe-5 ] hb-lst-n">
+		<li class="sponsors__item sponsors__item--msmt">
 			<a href="http://www.msmt.cz" target="_blank">
-				<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/ministerstvo-skolstvi.png" alt="Ministerstvo školství, mládeže a tělovýchovy" class="sponsors-list-item-image">
+				<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/ministerstvo-skolstvi.png" alt="Ministerstvo školství, mládeže a tělovýchovy" class="sponsors__item-image">
 			</a>
 		</li>
 
-		<li class="sponsors-list-item">
+		<li class="sponsors__item">
 			<a href="http://www.erasmusprogramme.com" target="_blank">
-				<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/spolufinancovano-eu.png" alt="Spolufinancováno Evropskou unií" class="sponsors-list-item-image">
+				<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/spolufinancovano-eu.png" alt="Spolufinancováno Evropskou unií" class="sponsors__item-image">
 			</a>
 		</li>
 
-		<li class="sponsors-list-item sponsors-list-item--mv">
+		<li class="sponsors__item sponsors__item--mv">
 			<a href="https://www.mvcr.cz" target="_blank">
-				<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/ministerstvo-vnitra.png" alt="Ministerstvo vnitra České republiky" class="sponsors-list-item-image">
+				<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/ministerstvo-vnitra.png" alt="Ministerstvo vnitra České republiky" class="sponsors__item-image">
 			</a>
 		</li>
 
-		<li class="sponsors-list-item sponsors-list-item--mzp">
+		<li class="sponsors__item sponsors__item--mzp">
 			<a href="https://www.mzp.cz" target="_blank">
-				<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/ministerstvo-zivotniho-prostredi.png" alt="Ministerstvo životního prostředí" class="sponsors-list-item-image">
+				<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/ministerstvo-zivotniho-prostredi.png" alt="Ministerstvo životního prostředí" class="sponsors__item-image">
 			</a>
 		</li>
 
-		<li class="sponsors-list-item">
+		<li class="sponsors__item">
 			<a href="https://www.sfzp.cz" target="_blank">
-				<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/statni-fond.png" alt="Státní fond životního prostředí České republiky" class="sponsors-list-item-image">
+				<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/statni-fond.png" alt="Státní fond životního prostředí České republiky" class="sponsors__item-image">
 			</a>
 		</li>
 	</ul>
 
-	Děkujeme za podporu <a class="sponsors-link" href="/nasi-partneri">všem našim partnerům</a>.
+	<span class="hb-fs-s">Děkujeme za podporu <a href="/nasi-partneri">všem našim partnerům</a>.</span>
 </aside>
 <?php endif; ?>
 
diff --git a/frontend/src/styles/components/components.scss b/frontend/src/styles/components/components.scss
new file mode 100644
index 0000000..5e7e859
--- /dev/null
+++ b/frontend/src/styles/components/components.scss
@@ -0,0 +1,17 @@
+.sponsors {
+	border-top: 2px solid var(--hb-colors-tinge);
+}
+.sponsors__list {
+	grid-template-columns: repeat(auto-fit, 8em);
+	max-width: 72rem;
+	filter: grayscale(100%);
+}
+.sponsors__item--msmt {
+    max-width: 5.6em;
+}
+.sponsors__item--mv {
+    max-width: 7.9em;
+}
+.sponsors__item--mzp {
+    max-width: 8.2em;
+}
diff --git a/frontend/src/styles/components/sponsors.scss b/frontend/src/styles/components/sponsors.scss
deleted file mode 100644
index c5d3220..0000000
--- a/frontend/src/styles/components/sponsors.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-.sponsors {
-	border-top: 2px solid var(--hb-colors-tinge);
-	padding: 2rlh 1rlh;
-	text-align: center;
-}
-
-.sponsors-list {
-	display: grid;
-	grid-template-columns: repeat(auto-fit, 8em);
-	grid-row-gap: 2rlh;
-	grid-column-gap: 1rlh;
-	align-items: center;
-	justify-items: center; // center items relatively to their grid cell
-	justify-content: center; // center items as a block relatively to the grid container
-	max-width: 72rem;
-	margin-inline: auto;
-	margin-block-end: 2rlh;
-	list-style-type: none;
-	filter: grayscale(100%);
-
-	.sponsors-list-item--msmt {
-		max-width: 5.6em;
-	}
-	.sponsors-list-item--mv {
-		max-width: 7.9em;
-	}
-	.sponsors-list-item--mzp {
-		max-width: 8.2em;
-	}
-}
-
-.sponsors-link {
-	font-size: 0.9em;
-	color: #555;
-}
diff --git a/frontend/src/styles/style.scss b/frontend/src/styles/style.scss
index 772c967..da52d4e 100644
--- a/frontend/src/styles/style.scss
+++ b/frontend/src/styles/style.scss
@@ -8,6 +8,7 @@
 
 // components
 
+@use "components/components";
 @use "components/action";
 @use "components/brontographics";
 @use "components/footer";
@@ -41,7 +42,6 @@
 @use "components/related";
 @use "components/revision";
 @use "components/searchForm";
-@use "components/sponsors";
 @use "components/screenreaders-only";
 
 @use "pages";
diff --git a/frontend/src/styles/utils.scss b/frontend/src/styles/utils.scss
index 303eb50..d3747f3 100644
--- a/frontend/src/styles/utils.scss
+++ b/frontend/src/styles/utils.scss
@@ -46,10 +46,12 @@
 .hb-d-b { display: block; }
 .hb-d-ib { display: inline-block; }
 .hb-d-f { display: flex; }
+.hb-d-g { display: grid; }
 @media (settings.$typography-breakpoint-large-from) {
 	.hb-lg-d-b { display: block; }
 	.hb-lg-d-ib { display: inline-block; }
 	.hb-lg-d-f { display: flex; }
+	.hb-lg-d-g { display: grid; }
 }
 
 /* flex */
@@ -82,6 +84,26 @@
 .hb-g-7 { gap: 4rlh; }
 .hb-g-8 { gap: 5rlh; }
 .hb-g-9 { gap: 6rlh; }
+.hb-rg-0 { row-gap: 0; }
+.hb-rg-1 { row-gap: 0.125rlh; }
+.hb-rg-2 { row-gap: 0.25rlh; }
+.hb-rg-3 { row-gap: 0.5rlh; }
+.hb-rg-4 { row-gap: 1rlh; }
+.hb-rg-5 { row-gap: 2rlh; }
+.hb-rg-6 { row-gap: 3rlh; }
+.hb-rg-7 { row-gap: 4rlh; }
+.hb-rg-8 { row-gap: 5rlh; }
+.hb-rg-9 { row-gap: 6rlh; }
+.hb-cg-0 { column-gap: 0; }
+.hb-cg-1 { column-gap: 0.125rlh; }
+.hb-cg-2 { column-gap: 0.25rlh; }
+.hb-cg-3 { column-gap: 0.5rlh; }
+.hb-cg-4 { column-gap: 1rlh; }
+.hb-cg-5 { column-gap: 2rlh; }
+.hb-cg-6 { column-gap: 3rlh; }
+.hb-cg-7 { column-gap: 4rlh; }
+.hb-cg-8 { column-gap: 5rlh; }
+.hb-cg-9 { column-gap: 6rlh; }
 @media (settings.$typography-breakpoint-large-from) {
 	.hb-lg-fd-c { flex-direction: column; }
 	.hb-lg-fd-r { flex-direction: row; }
@@ -109,6 +131,26 @@
 	.hb-lg-g-7 { gap: 4rlh; }
 	.hb-lg-g-8 { gap: 5rlh; }
 	.hb-lg-g-9 { gap: 6rlh; }
+	.hb-lg-rg-0 { row-gap: 0; }
+	.hb-lg-rg-1 { row-gap: 0.125rlh; }
+	.hb-lg-rg-2 { row-gap: 0.25rlh; }
+	.hb-lg-rg-3 { row-gap: 0.5rlh; }
+	.hb-lg-rg-4 { row-gap: 1rlh; }
+	.hb-lg-rg-5 { row-gap: 2rlh; }
+	.hb-lg-rg-6 { row-gap: 3rlh; }
+	.hb-lg-rg-7 { row-gap: 4rlh; }
+	.hb-lg-rg-8 { row-gap: 5rlh; }
+	.hb-lg-rg-9 { row-gap: 6rlh; }
+	.hb-lg-cg-0 { column-gap: 0; }
+	.hb-lg-cg-1 { column-gap: 0.125rlh; }
+	.hb-lg-cg-2 { column-gap: 0.25rlh; }
+	.hb-lg-cg-3 { column-gap: 0.5rlh; }
+	.hb-lg-cg-4 { column-gap: 1rlh; }
+	.hb-lg-cg-5 { column-gap: 2rlh; }
+	.hb-lg-cg-6 { column-gap: 3rlh; }
+	.hb-lg-cg-7 { column-gap: 4rlh; }
+	.hb-lg-cg-8 { column-gap: 5rlh; }
+	.hb-lg-cg-9 { column-gap: 6rlh; }
 }
 
 .hb-f-l { float: left; }