diff --git a/cmp/static/cmp/css/base.css b/cmp/static/cmp/css/base.css
index dcd63c6..a474250 100644
--- a/cmp/static/cmp/css/base.css
+++ b/cmp/static/cmp/css/base.css
@@ -39,12 +39,40 @@
       text-align: left;
     }
 
+    .edit-button {
+      background-color: #4CAF50; /* Green */
+      border: none;
+      color: white;
+      padding: 3px 16px;
+      text-align: center;
+      text-decoration: none;
+      display: inline-block;
+      font-size: 16px;
+      margin: 4px 2px;
+      margin-right: 10px; 
+      cursor: pointer;
+      transition-duration: 0.4s;
+      border-radius: 12px; /* Add this line */
+  }
+
+  .soldier-info {
+    margin-right: 15px; /* Adjust as needed */
+}
+  
+  .edit-button:hover {
+      background-color: #45a049;
+  }
+
 
       #results {
         margin-left: auto;
         margin-right: auto;
         width: 50%;  /* adjust this value as needed */
     }
+    
+    .soldier-details {
+      text-align: left;
+  }
 
       .search-input {
           padding-bottom: 24px; 
diff --git a/templates/cmp/search-soldiers.html b/templates/cmp/search-soldiers.html
index 655933e..dfb68ef 100644
--- a/templates/cmp/search-soldiers.html
+++ b/templates/cmp/search-soldiers.html
@@ -14,9 +14,12 @@ <h1>Search Soldiers</h1>
 
 <div>
 {% for soldier in soldiers %}
-    <p>
-        <a href="{% url 'edit-soldiers' soldier.id %}">{{ soldier.surname }}</a>
-    </p>
+<p class="soldier-details">
+  <button class="edit-button" onclick="location.href='{% url 'edit-soldiers' soldier.id %}'" type="button">Edit</button> 
+  <span class="soldier-info">{{ soldier.surname }}</span>
+  <span class="soldier-info">{{ soldier.initials }}</span>
+  <span class="soldier-info">{{ soldier.rank }}</span>
+</p>
 {% endfor %}
 </div>