Update static/styles.css

static/styles.css

@@ -126,7 +126,7 @@ body {
 
 /* New CSS for scrollable ingredients list */
 .ingredients-list {
-    max-height: 200px; /* Fixed height for scrollable area */
+    max-height: 200px;
     overflow-y: auto;
     border: 1px solid #ccc;
     padding: 10px;
@@ -199,7 +199,7 @@ body {
     }
 
     .ingredients-list {
-        max-height: 150px; /* Adjusted for mobile */
+        max-height: 150px;
     }
 
     .selected-ingredients textarea {
@@ -233,7 +233,7 @@ body {
     }
 
     .ingredients-list {
-        max-height: 250px; /* Adjusted for desktop */
+        max-height: 250px;
     }
 
     .selected-ingredients textarea {