Improve

src/global.scss

@@ -579,7 +579,7 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
 
 .calendar-component {
     td {
-        padding: 8.1px !important;
+        padding: 8px !important;
         div {
             padding-left: 0px;
         }
@@ -588,7 +588,7 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
         justify-content: center;
 
     }
-    td div:not(.day, .day-container) {
+    td div:not(.day, .day-container, .number) {
         width: 30px !important;
         height: 30px;
     }
@@ -773,8 +773,8 @@ ion-icon{
 
 
 ::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
+    width: 7px;
+    height: 7px;
 }
   
 /* Track */
@@ -825,7 +825,7 @@ background: rgb(92, 92, 92);
 
 
 
-#notification{
+.notification{
     position: absolute;
     top: 23px;
     right: 0px;
@@ -850,6 +850,11 @@ background: rgb(92, 92, 92);
     box-shadow: 0px 2px 10px #0000003d;
     display: flex;
     align-items: center;
+    animation-name: example;
+    animation-duration: 1s;
+    animation-timing-function: ease-in;
+    transition: 1s;
+
     .main-content {
         display: flex;
         align-items: center;
@@ -857,4 +862,11 @@ background: rgb(92, 92, 92);
     .message {
         font-size: 12pt;
     }
-}
+}
+
+
+@keyframes example {
+    from {right: -100%;}
+    to {right:  0px;}
+}
+