diff --git a/src/app/pages/agenda/agenda.page.scss b/src/app/pages/agenda/agenda.page.scss
index 5d120cae6..3219fd374 100644
--- a/src/app/pages/agenda/agenda.page.scss
+++ b/src/app/pages/agenda/agenda.page.scss
@@ -32,12 +32,16 @@
 }
  
 .with-event {
-  background-color: #ccc;
-  border-radius: 15px;
+  background-color: #fff;
+  border-radius: 21px;
+  border-left: 3px solid #ffb703;
+  border-bottom: none;
+  border-right: 3px solid #f05d5e;
+  color: black;
+  width: 35px;
 }
 
 
-
 /* TOGGLE button */
 .switch {
   position: relative;
diff --git a/src/assets/icons-calendar-arrow-down.svg b/src/assets/icons-calendar-arrow-down.svg
new file mode 100755
index 000000000..c3db65ea6
--- /dev/null
+++ b/src/assets/icons-calendar-arrow-down.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
+    <g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g stroke="#42B9FE" stroke-width="2">
+            <g>
+                <g>
+                    <path d="M15.5 7.5L9.5 13 15.5 18.5" transform="translate(-161 -114) translate(0 109) matrix(-1 0 0 1 186 5) matrix(0 -1 -1 0 25.5 25.5)"/>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/icons-calendar-arrow-left.svg b/src/assets/icons-calendar-arrow-left.svg
new file mode 100755
index 000000000..2c258f00b
--- /dev/null
+++ b/src/assets/icons-calendar-arrow-left.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+    <g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g stroke="#42B9FE" stroke-width="2">
+            <g>
+                <g>
+                    <path d="M22 9L13 18 22 27" transform="translate(-20 -109) translate(0 109) translate(20)"/>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/icons-calendar-arrow-right.svg b/src/assets/icons-calendar-arrow-right.svg
new file mode 100755
index 000000000..0f196ec63
--- /dev/null
+++ b/src/assets/icons-calendar-arrow-right.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+    <g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g stroke="#42B9FE" stroke-width="2">
+            <g>
+                <g>
+                    <path d="M22 9L13 18 22 27" transform="translate(-196 -109) translate(0 109) matrix(-1 0 0 1 231 0)"/>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/global.scss b/src/global.scss
index d854de84a..f9585dfa4 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -24,3 +24,28 @@
 @import "~@ionic/angular/css/text-alignment.css";
 @import "~@ionic/angular/css/text-transformation.css";
 @import "~@ionic/angular/css/flex-utils.css";
+
+
+td.monthview-current{
+    color: white;
+    /* border-radius: 89px; */
+    background: white !important;
+    justify-content: center;
+    align-items: center;
+    /* display: flex; */
+    height: 100%;
+    div {
+        border-radius: 28px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+        padding-left: 9px;
+        color: white;
+        background: #42b9fe;
+    }
+}
+
+.monthview-selected {
+
+}  
\ No newline at end of file