diff --git a/app-src/scripts/task-list/_task-list-d.scss b/app-src/scripts/task-list/_task-list-d.scss
index 60ccfea4c4..da774a291e 100644
--- a/app-src/scripts/task-list/_task-list-d.scss
+++ b/app-src/scripts/task-list/_task-list-d.scss
@@ -83,11 +83,18 @@ $task-inner-padding-left-right: 6px;
   &:focus > .inner-wrapper {
     background: #eeeeee;
     color: #000000;
+
+    // outline
+    outline: none;
+    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1), 3px 3px 5px 0 rgba(0, 0, 0, 0.4);
   }
   @include dark-theme {
     &:focus > .inner-wrapper {
       background-color: $dark-theme-bg-darker;
       color: #dddddd;
+
+      // outline
+      box-shadow: 0 0 3px 0 #ffffff, 0 0 2px 0 #ffffff, 1px 1px 10px 0 #ffffff;
     }
   }