diff --git a/site/src/components/Ads.astro b/site/src/components/Ads.astro
index 2a53c0a615f5..bac3f0794045 100644
--- a/site/src/components/Ads.astro
+++ b/site/src/components/Ads.astro
@@ -1,9 +1,11 @@
---
---
-
+
+
+
diff --git a/site/src/scss/_layout.scss b/site/src/scss/_layout.scss
index d0482d9b7123..f5e03f22ca10 100644
--- a/site/src/scss/_layout.scss
+++ b/site/src/scss/_layout.scss
@@ -45,6 +45,10 @@
.bd-intro {
grid-area: intro;
+
+ .ad-container {
+ min-height: $bd-ad-container-height;
+ }
}
.bd-toc {
diff --git a/site/src/scss/_masthead.scss b/site/src/scss/_masthead.scss
index c6566d95d73d..44f34fc649d2 100644
--- a/site/src/scss/_masthead.scss
+++ b/site/src/scss/_masthead.scss
@@ -53,8 +53,12 @@
background-color: transparent;
}
- #carbonads { // stylelint-disable-line selector-max-id
- margin-inline: auto;
+ .ad-container {
+ min-height: $bd-ad-container-height;
+
+ #carbonads { // stylelint-disable-line selector-max-id
+ margin-inline: auto;
+ }
}
@include media-breakpoint-up(md) {
diff --git a/site/src/scss/_variables.scss b/site/src/scss/_variables.scss
index 5e8ab5d6c251..bfef74eda08f 100644
--- a/site/src/scss/_variables.scss
+++ b/site/src/scss/_variables.scss
@@ -6,6 +6,7 @@ $bd-accent: #ffe484;
$bd-gutter-x: 3rem;
$bd-callout-variants: info, warning, danger !default;
+$bd-ad-container-height: 200px;
:root,
[data-bs-theme="light"] {