diff --git a/apps/daffio/src/app/guides/components/package-cards/package-cards.component.scss b/apps/daffio/src/app/guides/components/package-cards/package-cards.component.scss
index 192e8d62c6..2f621b236a 100644
--- a/apps/daffio/src/app/guides/components/package-cards/package-cards.component.scss
+++ b/apps/daffio/src/app/guides/components/package-cards/package-cards.component.scss
@@ -4,10 +4,11 @@
 	display: grid;
 	align-items: flex-start;
 	grid-template-columns: 1fr;
-	gap: 16px;
+	gap: 8px;
 
 	@include daff.breakpoint(tablet) {
 		grid-template-columns: repeat(2, 1fr);
+		gap: 16px;
 	}
 
 	@include daff.breakpoint(big-tablet) {
diff --git a/apps/daffio/src/app/guides/pages/packages-overview/packages-overview.component.html b/apps/daffio/src/app/guides/pages/packages-overview/packages-overview.component.html
index b339b75832..8272ffac1b 100644
--- a/apps/daffio/src/app/guides/pages/packages-overview/packages-overview.component.html
+++ b/apps/daffio/src/app/guides/pages/packages-overview/packages-overview.component.html
@@ -1,4 +1,4 @@
-<daff-hero color="theme" compact="true">
+<daff-hero>
 	<daff-container size="md">
 		<h1 daffHeroTitle>Packages</h1>
 		<p daffHeroSubtitle>Learn how to build and optimize an ecommerce store with our packages.</p>