1 files changed, 18 insertions, 11 deletions
diff --git a/openecomp-ui/resources/scss/onboarding.scss b/openecomp-ui/resources/scss/onboarding.scss
index 94dc223be3..fc05f7493e 100644
--- a/openecomp-ui/resources/scss/onboarding.scss
+++ b/openecomp-ui/resources/scss/onboarding.scss
@@ -18,20 +18,27 @@ div[data-reactroot].customized-date-picker-calendar {
   .react-datepicker__triangle {
       margin-top: 0px;
   }
-  .react-datepicker__navigation--previous {
-      border: none;
-      width: 12px;
-      height: 12px;
-      margin-top: 2px;
-      content: url(../../node_modules/sdc-ui/assets/icons/angleLeft.svg);
+  .react-datepicker__navigation--previous::before, .react-datepicker__navigation--next::before {
+    width: 8px;
+    height: 8px;
+    display: inline-block;
+    position: absolute;
+    top: -4px;
+  }
+  .react-datepicker__navigation--previous::before {
+    left: 0;
+    content: url(../../node_modules/sdc-ui/assets/icons/angleLeft.svg);
+  }
+  .react-datepicker__navigation--next::before {
+    right: 0;
+    content: url(../../node_modules/sdc-ui/assets/icons/angleRight.svg);
   }
-  .react-datepicker__navigation--next {
+
+  .react-datepicker__navigation--previous, .react-datepicker__navigation--next {
       border: none;
-      width: 12px;
-      height: 12px;
-      margin-top: 2px;
-      content: url(../../node_modules/sdc-ui/assets/icons/angleRight.svg);
   }
+
+
   .react-datepicker__month-container {
 		.react-datepicker__header {
 			background-color: $background-gray;