diff --git a/templates/index.html b/templates/index.html
index d8245bf..cb7c965 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -25,9 +25,44 @@
         .sort-arrow { font-size: 12px; margin-left: 5px; }
         .protocol-icon { margin-right: 5px; height: 16px; width: 16px; vertical-align: middle; }
         .connection-link { color: blue; text-decoration: underline; cursor: pointer; }
-        .edit-button { display: none; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); background: #007bff; color: white; border: none; padding: 2px 5px; border-radius: 3px; cursor: pointer; }
-        .copy-button { display: none; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); background: #28a745; color: white; border: none; padding: 2px 5px; border-radius: 3px; cursor: pointer; }
-        .copy-button:hover { background: #218838; }
+        .edit-button {
+            display: none;
+            position: absolute;
+            right: 45px; /* Увеличиваем отступ для раздвижения */
+            top: 50%;
+            transform: translateY(-50%);
+            background: #fff; /* Белый фон */
+            color: #007bff;
+            border: 1px solid #007bff;
+            padding: 2px 5px;
+            border-radius: 3px;
+            cursor: pointer;
+            transition: all 0.2s ease; /* Плавный переход для эффекта наведения */
+        }
+        .edit-button:hover {
+            background: #e0e0e0; /* Легкий серый при наведении */
+            transform: scale(1.1); /* Увеличение размера */
+            color: #0056b3;
+        }
+        .copy-button {
+            display: none;
+            position: absolute;
+            right: 5px; /* Устанавливаем ближе к правому краю */
+            top: 50%;
+            transform: translateY(-50%);
+            background: #fff; /* Белый фон */
+            color: #28a745;
+            border: 1px solid #28a745;
+            padding: 2px 5px;
+            border-radius: 3px;
+            cursor: pointer;
+            transition: all 0.2s ease; /* Плавный переход для эффекта наведения */
+        }
+        .copy-button:hover {
+            background: #e0e0e0; /* Легкий серый при наведении */
+            transform: scale(1.1); /* Увеличение размера */
+            color: #218838;
+        }
         .install-item:hover .edit-button { display: inline-block; }
         .install-item:hover .copy-button { display: inline-block; }
         .action-buttons { display: none; }