diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 4d7d943e0..a55217768 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -106,4 +106,5 @@ $govuk-include-default-font-face: false;
 @import "views/help-page";
 @import "views/guide";
 @import "views/manual";
+@import "views/published-dates-button-group";
 @import "views/worldwide-organisation";
diff --git a/app/assets/stylesheets/views/_detailed-guide.scss b/app/assets/stylesheets/views/_detailed-guide.scss
index 2840201ec..19f8e59e0 100644
--- a/app/assets/stylesheets/views/_detailed-guide.scss
+++ b/app/assets/stylesheets/views/_detailed-guide.scss
@@ -21,19 +21,3 @@
     }
   }
 }
-
-.detailed-guide-bottom-button-container {
-  @include govuk-media-query($from: tablet) {
-    display: flex;
-    flex-direction: row;
-  }
-}
-
-.detailed-guide-bottom-button-container form {
-  @include govuk-media-query($until: tablet) {
-    margin-bottom: govuk-spacing(3);
-  }
-  @include govuk-media-query($from: tablet) {
-    margin-right: govuk-spacing(4);
-  }
-}
diff --git a/app/assets/stylesheets/views/_published-dates-button-group.scss b/app/assets/stylesheets/views/_published-dates-button-group.scss
new file mode 100644
index 000000000..fc919d9ea
--- /dev/null
+++ b/app/assets/stylesheets/views/_published-dates-button-group.scss
@@ -0,0 +1,15 @@
+.published-dates-button-group {
+  @include govuk-media-query($from: tablet) {
+    display: flex;
+    flex-direction: row;
+  }
+}
+
+.published-dates-button-group form {
+  @include govuk-media-query($until: tablet) {
+    margin-bottom: govuk-spacing(3);
+  }
+  @include govuk-media-query($from: tablet) {
+    margin-right: govuk-spacing(4);
+  }
+}
diff --git a/app/views/shared/_published_dates_with_notification_button.html.erb b/app/views/shared/_published_dates_with_notification_button.html.erb
index 2e82274ef..237a543d8 100644
--- a/app/views/shared/_published_dates_with_notification_button.html.erb
+++ b/app/views/shared/_published_dates_with_notification_button.html.erb
@@ -5,7 +5,7 @@
     margin_bottom: 5,
   } %>
 
-<div class="detailed-guide-bottom-button-container">
+<div class="published-dates-button-group">
   <%= render 'govuk_publishing_components/components/single_page_notification_button', {
     base_path: @content_item.base_path,
     js_enhancement: @has_govuk_account,