diff --git a/pdb-js/src/app/components/datepicker/date-picker.component.html b/pdb-js/src/app/components/datepicker/date-picker.component.html
index a96acd1..3c4bdee 100644
--- a/pdb-js/src/app/components/datepicker/date-picker.component.html
+++ b/pdb-js/src/app/components/datepicker/date-picker.component.html
@@ -1,8 +1,4 @@
 <style>
-  #date-box {
-    width: 23.5em;
-  }
-
   .header-box {
     display: flex;
     justify-content: end;
diff --git a/pdb-js/src/app/visualization-page/visualization-page.component.scss b/pdb-js/src/app/visualization-page/visualization-page.component.scss
index 5288480..ccae543 100644
--- a/pdb-js/src/app/visualization-page/visualization-page.component.scss
+++ b/pdb-js/src/app/visualization-page/visualization-page.component.scss
@@ -15,7 +15,7 @@
     grid:
       "query-box query-box date-box" auto 
       "filters results results" 1fr
-      / 25.5em 3fr 23.5em;
+      / 25.5em 3fr auto;
   }
 }
 
@@ -43,6 +43,8 @@
 
 #date-box{
   grid-area: date-box;
+  display: flex;
+  align-items: center;
 }