diff --git a/blocks/footnotes/footnotes.css b/blocks/footnotes/footnotes.css
index 95a9b213..9b8af71f 100644
--- a/blocks/footnotes/footnotes.css
+++ b/blocks/footnotes/footnotes.css
@@ -1,14 +1,15 @@
 .footnotes {
-  margin: 40px 0;
+  margin: var(--spacing-ml) 0;
 }
 
 .footnotes > div {
   display: flex;
+}
 
-  /* margin: 0 40px; */
-  font-size: 80%;
-  max-width: 600px;
-  margin: 10px auto;
+.footnotes > div,
+.footnotes .footnote-text > a {
+  font-size: var(--type-body-xs-size);
+  line-height: var(--type-body-xs-lh);
 }
 
 .footnotes .footnote-num {
diff --git a/blocks/footnotes/footnotes.js b/blocks/footnotes/footnotes.js
index 506994e0..9b1d25e2 100644
--- a/blocks/footnotes/footnotes.js
+++ b/blocks/footnotes/footnotes.js
@@ -8,7 +8,7 @@ export default async function decorate($block) {
     });
 
   // enumerate footnotes
-  document.querySelector('footer').append($block);
+  document.querySelector('.section.content').append($block);
   [...$block.children].forEach(($footnote, i) => {
     $footnote.firstElementChild.classList.add('footnote-text');
     const $num = document.createElement('div');
diff --git a/blocks/videotext/videotext.css b/blocks/videotext/videotext.css
index 297750b7..b3519499 100644
--- a/blocks/videotext/videotext.css
+++ b/blocks/videotext/videotext.css
@@ -1,15 +1,7 @@
 /* default rule for mobile */
 .videotext>div {
   display: grid;
-  padding-top: 10px;
-}
-
-@media screen and (min-width: 900px) {
-  .videotext>div {
-    display: grid;
-    grid-template-columns: 70% 30%;
-    padding-top: 10px;
-  }
+  padding-top: var(--spacing-xxs);
 }
 
 .videocontent video {
@@ -18,5 +10,5 @@
 
 .videotext .text {
   font-size: var(--type-body-xs-size);
-  padding-left: 10px;
+  padding-top: var(--spacing-xxs);
 }
\ No newline at end of file