diff --git a/projects/budgetkey/src/app/item/item-page-header/item-page-header.component.less b/projects/budgetkey/src/app/item/item-page-header/item-page-header.component.less
index d9e8427..c36ce83 100644
--- a/projects/budgetkey/src/app/item/item-page-header/item-page-header.component.less
+++ b/projects/budgetkey/src/app/item/item-page-header/item-page-header.component.less
@@ -12,7 +12,7 @@
             width: 100%;
             min-height: 32px;
 
-            padding: 4px 0;
+            padding: 8px 0;
             padding-right: 14px;
             padding-left: 8px;
 
@@ -69,8 +69,7 @@
             flex-flow: row wrap;
             align-items: flex-start;
             gap: 16px;
-            padding: 16px 8px;
-            padding-right: 14px;
+            padding: 20px 14px;
             border: 1px solid transparent;
 
             app-add-to-list-icon {
diff --git a/projects/budgetkey/src/app/list-components/search-result/search-result.component.less b/projects/budgetkey/src/app/list-components/search-result/search-result.component.less
index 877d987..362ee21 100644
--- a/projects/budgetkey/src/app/list-components/search-result/search-result.component.less
+++ b/projects/budgetkey/src/app/list-components/search-result/search-result.component.less
@@ -15,14 +15,16 @@
 .card {
     display: flex;
     flex-flow: column;
-    box-shadow: 0 1px 2px 0 rgba(189, 189, 189, 0.6);
-    border: solid 1px black;
-    border-radius: 4px;
-    // overflow: hidden;
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    border: solid 1px #e5e7eb;
+    border-radius: 8px;
     width: 100%;
+    transition: box-shadow 0.2s ease, transform 0.2s ease;
 
     &:hover {
         text-decoration: inherit;
+        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+        transform: translateY(-1px);
     }
 
     & > * {