1 files changed, 33 insertions, 3 deletions
diff --git a/app/assets/stylesheets/page_bundles/work_items.scss b/app/assets/stylesheets/page_bundles/work_items.scss
index 9220fa82b46..d0fc011dde7 100644
--- a/app/assets/stylesheets/page_bundles/work_items.scss
+++ b/app/assets/stylesheets/page_bundles/work_items.scss
@@ -7,7 +7,7 @@
 
 #weight-widget-input:not(:hover, :focus),
 #weight-widget-input[readonly] {
-  box-shadow: inset 0 0 0 $gl-border-size-1 var(--white, $white);
+  box-shadow: none;
 }
 
 #weight-widget-input[readonly] {
@@ -19,8 +19,38 @@
     display: none;
   }
 
-  .assignees-selector:hover .assign-myself {
-    display: block;
+  @include media-breakpoint-up(sm) {
+    .assignees-selector:hover .assign-myself {
+      display: block;
+    }
+  }
+}
+
+.work-item-due-date {
+  .gl-datepicker-input.gl-form-input.form-control {
+    width: 10rem;
+
+    &:not(:focus, :hover) {
+      box-shadow: none;
+
+      ~ .gl-datepicker-actions {
+        display: none;
+      }
+    }
+
+    &[disabled] {
+      background-color: var(--white, $white);
+      box-shadow: none;
+
+      ~ .gl-datepicker-actions {
+        display: none;
+      }
+    }
+  }
+
+  .gl-datepicker-actions:focus,
+  .gl-datepicker-actions:hover {
+    display: flex !important;
   }
 }