diff --git a/cvat-ui/src/components/job-item/styles.scss b/cvat-ui/src/components/job-item/styles.scss
index 929b39270629..a7c1bff2fa70 100644
--- a/cvat-ui/src/components/job-item/styles.scss
+++ b/cvat-ui/src/components/job-item/styles.scss
@@ -7,10 +7,12 @@
 .cvat-job-item {
     border: 1px solid $border-color-1;
     border-radius: 3px;
+    margin-bottom: $grid-unit-size;
     background: $background-color-1;
 
     &:hover {
-        border: 1px solid $border-color-hover;
+        transition: box-shadow 0.5s;
+        box-shadow: $box-shadow-base;
     }
 
     .cvat-job-item-icon {
diff --git a/cvat-ui/src/components/task-page/styles.scss b/cvat-ui/src/components/task-page/styles.scss
index eb4d92e6208a..cedcae57bcee 100644
--- a/cvat-ui/src/components/task-page/styles.scss
+++ b/cvat-ui/src/components/task-page/styles.scss
@@ -82,10 +82,6 @@
     width: 100%;
     height: auto;
     margin-top: $grid-unit-size * 2;
-
-    .cvat-job-item {
-        margin-bottom: $grid-unit-size;
-    }
 }
 
 .cvat-task-top-bar {
diff --git a/cvat-ui/src/components/tasks-page/styles.scss b/cvat-ui/src/components/tasks-page/styles.scss
index 3e4d7bf5c245..d2e43172b2ca 100644
--- a/cvat-ui/src/components/tasks-page/styles.scss
+++ b/cvat-ui/src/components/tasks-page/styles.scss
@@ -109,7 +109,7 @@
 
     &:hover {
         transition: box-shadow 0.5s;
-        box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 16%), 0 3px 6px 0 rgba(0, 0, 0, 12%), 0 5px 12px 4px rgba(0, 0, 0, 9%);
+        box-shadow: $box-shadow-base;
     }
 
     .cvat-task-item-loading-preview,