ok

src/pages/Transactions.module.css

@@ -285,4 +285,45 @@
   font-family: Helvetica, Arial Black, sans;
   font-size: 20px;
   text-align: center;
-}
+}
+
+
+.dateSelectorWrapper {
+  display: flex;
+  justify-content: space-around;
+  position: relative;
+  overflow: hidden;
+  width: calc(100vw - 30px);
+}
+
+.dateSelector {
+  flex-grow: 1;
+  text-align: center;
+  padding: 10px;
+  transition: all 0.3s ease-in-out;
+  font-weight: 600;
+  width: calc(30vw - 30px);
+}
+
+.dateSelector:first-child {
+  flex-grow: 1;
+  text-align: center;
+  padding: 10px;
+  /* border-radius: 10px 0 0 0; */
+  transition: all 0.3s ease-in-out;
+  font-weight: 600;
+}
+
+.dateSelector:last-child {
+  flex-grow: 1;
+  text-align: center;
+  padding: 10px;
+  /* border-radius: 0 10px 0 0; */
+  transition: all 0.3s ease-in-out;
+  font-weight: 600;
+}
+
+.dateSelectorActive {
+  color: black;
+  z-index: 2;
+}