diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 878e6eb..66c6353 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -400,6 +400,38 @@ function App() {
                   zIndex: 2,
                 }}
               >
+                <div
+                  style={{
+                    display: "flex",
+                    justifyContent: "flex-end",
+                    alignItems: "center",
+                    padding: "4px 6px",
+                    borderBottom: "1px solid #eee",
+                    background: "#fafafa",
+                  }}
+                >
+                  <button
+                    type="button"
+                    aria-label="Close suggestions"
+                    onClick={() => {
+                      setMatchList([]);
+                      setSelectedMatch(0);
+                      setSuggestionTail("");
+                      setCompletionError(null);
+                    }}
+                    style={{
+                      width: "24px",
+                      height: "24px",
+                      borderRadius: "4px",
+                      border: "1px solid #ddd",
+                      background: "#fff",
+                      cursor: "pointer",
+                      lineHeight: 1,
+                    }}
+                  >
+                    ×
+                  </button>
+                </div>
                 {matchList.map((match, index) => {
                   const isSelected = index === selectedMatch;
                   return (