diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css
index 54242c20e0..8c6a1faf19 100644
--- a/api/templates/default/etemplate2.css
+++ b/api/templates/default/etemplate2.css
@@ -524,9 +524,19 @@ span.et2_date span {
   text-align: center;
   font-size: 9pt;
 }
-span.et2_date_duration input.et2_date_duration {
+span.et2_date_duration {
+    border: 1px solid gray;
+    border-radius: 3px;
+    display: inline-block;
+}
+span.et2_date_duration .et2_date_duration {
 	width: 3em;
     text-align: right;
+    border: none;
+    outline: none;
+}
+span.et2_date_duration :not(input:first-child) {
+    border-left: 1px solid #e0e0e0a8;
 }
 span.et2_date_duration span {
     vertical-align: -webkit-baseline-middle;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index f557dc8568..c6417a492e 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -342,6 +342,12 @@
   span.et2_date span {
     color: #FFFFFF;
   }
+  span.et2_date_duration {
+    border: 1px solid #E6E6E6;
+  }
+  span.et2_date_duration :not(input:first-child) {
+    border-left: 1px solid #F2F2F2;
+  }
   .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
     background-image: url(../images/bullet.svg);
     background-color: transparent;
diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less
index 4e73fd0ce8..919de82c3d 100755
--- a/pixelegg/less/etemplate2.less
+++ b/pixelegg/less/etemplate2.less
@@ -169,6 +169,12 @@ span.et2_date input.et2_date {
 span.et2_date span {
     color: @gray_0;
 }
+span.et2_date_duration {
+	border: 1px solid @gray_10;
+}
+span.et2_date_duration :not(input:first-child) {
+	border-left: 1px solid @gray_5;
+}
 
 .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
     background-image: url(../images/bullet.svg);