diff --git a/src/components/common/Icon.tsx b/src/components/common/Icon.tsx
index 18e273c..d919efe 100644
--- a/src/components/common/Icon.tsx
+++ b/src/components/common/Icon.tsx
@@ -8,6 +8,7 @@
  * The rendered <svg> carries className "ph" and sizes to 1em, so the shell CSS
  * controls size/colour via font-size + currentColor, exactly like the reference.
  */
+// TODO: remove this component, use phosphor's icons project-wide
 import type { CSSProperties } from 'react';
 import {
   ArrowCircleDown,