diff --git a/resources/ext.relatedArticles.readMore/index.js b/resources/ext.relatedArticles.readMore/index.js
index ac1c912d..0e481434 100644
--- a/resources/ext.relatedArticles.readMore/index.js
+++ b/resources/ext.relatedArticles.readMore/index.js
@@ -44,11 +44,18 @@
 
 			cards = new CardListView( getCards( pages ) );
 
-			$readMore = $( '<aside class="ra-read-more post-content noprint"></aside>' )
+			$readMore = $( '<aside class="ra-read-more noprint"></aside>' )
 				.append( $( '<h2></h2>' ).text( mw.msg( 'relatedarticles-read-more-heading' ) ) )
 				.append( cards.$el );
 
-			$readMore.insertAfter( '#content' );
+			// If a skin has marked up a footer content area prepend it there
+			if ( $( '.footer-content' ).length ) {
+				$readMore.prependTo( '.footer-content' );
+			} else {
+				$( '<div class="read-more-container post-content" />' )
+					.append( $readMore )
+					.insertAfter( '#content' );
+			}
 
 			// the ReadMore code is ready
 			mw.track( 'ext.relatedArticles.logReady', { $readMore: $readMore } );
diff --git a/resources/ext.relatedArticles.readMore/readMore.default.less b/resources/ext.relatedArticles.readMore/readMore.default.less
index 795723ef..2ad1342a 100644
--- a/resources/ext.relatedArticles.readMore/readMore.default.less
+++ b/resources/ext.relatedArticles.readMore/readMore.default.less
@@ -5,8 +5,11 @@
 	}
 }
 
-.ra-read-more {
+.read-more-container {
 	margin: 0 0 0 10em;
+}
+
+.ra-read-more {
 	padding: 1em;
 
 	.ext-cards-card-list {
diff --git a/resources/ext.relatedArticles.readMore/readMore.minerva.less b/resources/ext.relatedArticles.readMore/readMore.minerva.less
index a11c1953..e72504e2 100644
--- a/resources/ext.relatedArticles.readMore/readMore.minerva.less
+++ b/resources/ext.relatedArticles.readMore/readMore.minerva.less
@@ -1,4 +1,4 @@
-.ra-read-more {
+.read-more-container {
 	margin-top: 35px;
 }