diff --git a/ui/src/index.tsx b/ui/src/index.tsx
index d04dac4..d02b8e0 100644
--- a/ui/src/index.tsx
+++ b/ui/src/index.tsx
@@ -208,4 +208,13 @@ export const Extension = (props: {
   return <RolloutWidget rollout={ro} />;
 };
 
-export const component = Extension;
+// Register the component extension in ArgoCD
+((window: any) => {
+  window?.extensionsAPI?.registerResourceExtension(
+    Extension,
+    "*",
+    "Rollout",
+    "Rollout",
+    { icon: "fa-sharp fa-light fa-bars-progress fa-lg" }
+  );
+})(window);
\ No newline at end of file