diff --git a/css/styles.css b/css/styles.css
index f132216..99e3104 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -41,6 +41,7 @@
         --color-table-header-text: transparent;
         --color-table-item: transparent;
         --color-anotation: var(--color-coal);
+        --color-pattern-button: var(--color-c);
     }
 }
 
@@ -59,6 +60,7 @@
         --color-table-header-text: transparent;
         --color-table-item: transparent;
         --color-anotation: var(--color-milk);
+        --color-pattern-button: var(--color-milk);
     }
 }
 
@@ -139,7 +141,7 @@ hr {
 button, input, textarea, select {
     padding: 4px 8px;
     border: 2px solid var(--color-link);
-    background: var(--color-background);
+    background: var(--color-milk);
     color: var(--color-text);
     font-size: 16px;
     line-height: 1.382em;
@@ -379,11 +381,12 @@ legend {
         }
 
         .list-item_selected {
-            border: 4px solid var(--color-e);
+            border: 4px solid var(--color-a);
+            background-color: var(--color-b);
         }
 
         .list-item_selected > button {
-            border: 2px solid var(--color-e);
+            border: 2px solid var(--color-a);
         }
 
             .list-item__info {
@@ -414,9 +417,13 @@ legend {
 
         .pattern-item {
             width: 128px;
-            padding: 8px;
+            height: 128px;
+            padding: 16px;
+            border-radius: 8px;
+            background: var(--color-pattern-button);
             display: flex;
             flex-direction: column;
+            justify-content: flex-end;
             gap: 32px;
             text-align: center;
         }
@@ -428,5 +435,6 @@ legend {
             .pattern-item__name {
                 font-size: 16px;
                 white-space: nowrap;
+                overflow: hidden;
             }