diff --git a/src/amo/components/AddonRecommendations/styles.scss b/src/amo/components/AddonRecommendations/styles.scss
index 787b317c57b..ffe3ef8a70a 100644
--- a/src/amo/components/AddonRecommendations/styles.scss
+++ b/src/amo/components/AddonRecommendations/styles.scss
@@ -8,7 +8,12 @@
       // overriding default Search Results styles
       @include respond-to(large) {
         grid-auto-flow: initial;
-        grid-template-columns: repeat(2, 50%);
+        grid-template-columns: repeat(2, 1fr);
+      }
+
+      @include respond-to(extraLarge) {
+        grid-auto-flow: initial;
+        grid-template-columns: repeat(3, 1fr);
       }
 
       .SearchResult {
diff --git a/src/amo/components/AddonsByAuthorsCard/styles.scss b/src/amo/components/AddonsByAuthorsCard/styles.scss
index 34c1e44749e..825a1383886 100644
--- a/src/amo/components/AddonsByAuthorsCard/styles.scss
+++ b/src/amo/components/AddonsByAuthorsCard/styles.scss
@@ -62,11 +62,11 @@
 .AddonsByAuthorsCard:not(.AddonsByAuthorsCard--theme) {
   .Card-contents .AddonsCard-list {
     @include respond-to(large) {
-      grid-template-columns: repeat(1, 1fr);
+      grid-template-columns: repeat(2, 1fr);
     }
 
-    @include respond-to(extraExtraLarge) {
-      grid-template-columns: repeat(2, 1fr);
+    @include respond-to(extraLarge) {
+      grid-template-columns: repeat(3, 1fr);
     }
   }
 }
diff --git a/src/amo/pages/Addon/index.js b/src/amo/pages/Addon/index.js
index 333b2bf146a..01fd1815bca 100644
--- a/src/amo/pages/Addon/index.js
+++ b/src/amo/pages/Addon/index.js
@@ -277,7 +277,7 @@ export class AddonBase extends React.Component {
     );
   }
 
-  renderShowMoreCard() {
+  renderAboutThisCard() {
     const { addon, i18n } = this.props;
 
     let showAbout;
@@ -547,21 +547,21 @@ export class AddonBase extends React.Component {
                 </Card>
               ) : null}
 
-              {this.renderShowMoreCard()}
+              {this.renderAboutThisCard()}
 
               {this.renderRatingsCard()}
-
-              {this.renderRecommendations()}
             </div>
 
-            <ContributeCard addon={addon} />
-
             <PermissionsCard version={currentVersion} />
 
             <AddonMoreInfo addon={addon} />
 
+            <ContributeCard addon={addon} />
+
             {this.renderVersionReleaseNotes()}
 
+            {this.renderRecommendations()}
+
             {this.renderAddonsByAuthorsCard({ isForTheme: false })}
           </div>
         </div>