Update static/styles.css

static/styles.css

@@ -171,20 +171,25 @@ body {
     background-color: #45a049;
 }
 /* Add this to styles.css if desired */
+/* Add or update in styles.css */
 .remove-button {
     padding: 2px 8px;
-    background-color: #f44336;
-    color: white;
+    background-color: #000000; /* Black background to match image */
+    color: white; /* White "X" to match image */
     border: none;
     border-radius: 5px;
     cursor: pointer;
     margin-left: 10px;
+    font-size: 16px;
+    line-height: 1;
+    width: 20px; /* Fixed width for square "X" */
+    height: 20px; /* Fixed height for square "X" */
+    text-align: center;
 }
 
 .remove-button:hover {
-    background-color: #d32f2f;
+    background-color: #333333; /* Darker shade on hover */
 }
-
 /* Send button styling to match the image */
 .send-button {
     display: block;