From 31b7ab85521e1586c442dd9b94051382af79434e Mon Sep 17 00:00:00 2001
From: Melissa Olas <melissa.olas@gmail.com>
Date: Mon, 27 May 2024 10:56:56 +0200
Subject: [PATCH] filters css fix

---
 .../admin/dashboard-statistics/CountryStats.tsx          | 8 ++++++--
 .../admin/dashboard-statistics/styles/charts.module.css  | 9 +++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/admin/dashboard-statistics/CountryStats.tsx b/src/components/admin/dashboard-statistics/CountryStats.tsx
index 70f09154f..6025d528c 100644
--- a/src/components/admin/dashboard-statistics/CountryStats.tsx
+++ b/src/components/admin/dashboard-statistics/CountryStats.tsx
@@ -22,8 +22,12 @@ const CountryStats = () => {
   return (
     <>
       <div className={styles.filtersContainer}>
-        <PhaseDropdown />
-        <CountriesDropdown />
+        <div className={styles.phaseFilter}>
+          <PhaseDropdown />
+        </div>
+        <div className={styles.countryFilter}>
+          <CountriesDropdown />
+        </div>
       </div>
       <h1>Statut: Observateur</h1>
       <div className={styles.chartsContainer}>
diff --git a/src/components/admin/dashboard-statistics/styles/charts.module.css b/src/components/admin/dashboard-statistics/styles/charts.module.css
index 92d88abc3..adba06cab 100644
--- a/src/components/admin/dashboard-statistics/styles/charts.module.css
+++ b/src/components/admin/dashboard-statistics/styles/charts.module.css
@@ -9,6 +9,15 @@
 
 .filtersContainer {
   display: flex;
+  padding-bottom: 5%;
+}
+
+.phaseFilter {
+  flex: 1;
+}
+
+.countryFilter {
+  flex: 2;
 }
 
 .horizontalBars {