diff --git a/gov_uk_dashboards/assets/dashboard.css b/gov_uk_dashboards/assets/dashboard.css
index ff1a3e4..c483a8a 100644
--- a/gov_uk_dashboards/assets/dashboard.css
+++ b/gov_uk_dashboards/assets/dashboard.css
@@ -8111,4 +8111,12 @@ mark.expenditure {
   content: "";
   display: table;
   clear: both;
+}
+
+.horizontal-button-group {
+  float: right;
+  display: flex;
+  flex-wrap: nowrap;
+  flex-direction: row;
+  padding-top: 10px;
 }
\ No newline at end of file
diff --git a/gov_uk_dashboards/components/plotly/apply_and_reset_filters_buttons.py b/gov_uk_dashboards/components/plotly/apply_and_reset_filters_buttons.py
index 1abae62..dfb138e 100644
--- a/gov_uk_dashboards/components/plotly/apply_and_reset_filters_buttons.py
+++ b/gov_uk_dashboards/components/plotly/apply_and_reset_filters_buttons.py
@@ -20,6 +20,6 @@ def apply_and_reset_filters_buttons():
                 className="govuk-button govuk-!-margin-left-5",
             ),
         ],
-        className="govuk-button-group",
-        style={"float": "right"},
+        className="govuk-button-group horizontal-button-group",
+        
     )
diff --git a/scss/dashboard.scss b/scss/dashboard.scss
index 3aabf6e..889ba24 100644
--- a/scss/dashboard.scss
+++ b/scss/dashboard.scss
@@ -1147,4 +1147,12 @@ mark.expenditure {
   content: "";
   display: table;
   clear: both;
+}
+
+.horizontal-button-group {
+    float: right;
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    padding-top: 10px;
 }
\ No newline at end of file