From b2b6d8535e917d819c8d2da953c5bbc5bb8748b9 Mon Sep 17 00:00:00 2001
From: 0amirk <amir.kamal09@gmail.com>
Date: Mon, 2 Oct 2023 22:11:05 +0530
Subject: [PATCH] Fixed the css of the div

---
 src/components/input/WebsiteDateFilter.js                  | 2 +-
 src/components/pages/websites/WebsiteMetricsBar.module.css | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

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;
   }
 }