Updated settings components and date filter.

components/metrics/ActiveUsers.module.css

@@ -5,7 +5,6 @@
 
 .text {
   display: flex;
-  font-size: var(--font-size-md);
 }
 
 .value {

components/metrics/DataTable.module.css

@@ -1,7 +1,6 @@
 .table {
   position: relative;
   height: 100%;
-  font-size: var(--font-size-sm);
   display: grid;
   grid-template-rows: fit-content(100%) auto;
   overflow: hidden;
@@ -23,11 +22,9 @@
 .title {
   display: flex;
   font-weight: 600;
-  font-size: var(--font-size-md);
 }
 
 .metric {
-  font-size: var(--font-size-sm);
   font-weight: 600;
   text-align: center;
   width: 100px;

components/metrics/MetricCard.module.css

@@ -6,7 +6,7 @@
 }
 
 .value {
-  font-size: var(--font-size-xl);
+  font-size: var(--font-size-xxl);
   line-height: 40px;
   min-height: 40px;
   font-weight: 600;
@@ -14,7 +14,6 @@
 }
 
 .label {
-  font-size: var(--font-size-md);
   white-space: nowrap;
   display: flex;
   align-items: center;

components/metrics/MetricsTable.module.css

@@ -2,7 +2,6 @@
   position: relative;
   min-height: 430px;
   height: 100%;
-  font-size: var(--font-size-sm);
   display: flex;
   flex-direction: column;
 }