diff --git a/look/pages/news.less b/look/pages/news.less
index 62028f0c4a..3ba08e900b 100644
--- a/look/pages/news.less
+++ b/look/pages/news.less
@@ -34,7 +34,7 @@ ul.news-list, ul.event-list {
 
 body.news-index {
     // A wrapper around the 3 modules that modifies their behaviour
-    .news-module-wrapper {
+    .module-wrapper {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
@@ -44,9 +44,8 @@ body.news-index {
             // hide headlines and paragraphs
             h2 { display: none; }
             p { display: none; }
+
             .share-buttons {
-                // hide button to /news as this is the page we're on
-                .share-news { display: none; }
                 // no margin, important for mobile view
                 margin: 0;
             }
@@ -61,6 +60,14 @@ body.news-index {
             // on small screen, show full-width
             flex-grow: 2;
         }
+
+        // special rules for the wrapper on /news and the news archives
+        &.news {
+            .share-buttons {
+                // hide button to /news as this is the page we're on
+                .share-news { display: none; }
+            }
+        }
     }
 }
 
diff --git a/news/archive-template.en.xhtml b/news/archive-template.en.xhtml
index 9bcf0c0f8a..74b0437d91 100644
--- a/news/archive-template.en.xhtml
+++ b/news/archive-template.en.xhtml
@@ -23,7 +23,7 @@
       </p>
     </div>
 
-    <div class="news-module-wrapper">
+    <div class="module-wrapper news">
       <module id="follow-news" />
       <module id="social-media" />
       <module id="banner-subscribe" />
diff --git a/news/news.en.xhtml b/news/news.en.xhtml
index 4787c34e0a..da5eea4f94 100644
--- a/news/news.en.xhtml
+++ b/news/news.en.xhtml
@@ -19,7 +19,7 @@
       </p>
     </div>
 
-    <div class="news-module-wrapper">
+    <div class="module-wrapper news">
       <module id="follow-news" />
       <module id="social-media" />
       <module id="banner-subscribe" />