diff --git a/src/components/input/WebsiteDateFilter.js b/src/components/input/WebsiteDateFilter.js
index 6903a7085..4af8c0687 100644
--- a/src/components/input/WebsiteDateFilter.js
+++ b/src/components/input/WebsiteDateFilter.js
@@ -22,7 +22,7 @@ export function WebsiteDateFilter({ websiteId }) {
   };
 
   return (
-    <Flexbox justifyContent="center" gap={10}>
+    <Flexbox justifyContent="center" gap={10} wrap="wrap">
       {value !== 'all' && selectedUnit && (
         <Flexbox justifyContent="center" className={styles.buttons}>
           <Button onClick={() => handleIncrement(1)}>
diff --git a/src/components/pages/websites/WebsiteMetricsBar.module.css b/src/components/pages/websites/WebsiteMetricsBar.module.css
index 52decfc65..29703553e 100644
--- a/src/components/pages/websites/WebsiteMetricsBar.module.css
+++ b/src/components/pages/websites/WebsiteMetricsBar.module.css
@@ -20,6 +20,8 @@
 @media only screen and (max-width: 1200px) {
   .actions {
     margin-top: 40px;
+    flex-wrap: wrap;
+    justify-content: flex-start;
   }
 }