diff --git a/packages/ui/src/components/Icon/IconBase.tsx b/packages/ui/src/components/Icon/IconBase.tsx
index 2462f49d558..371a1a2e34a 100644
--- a/packages/ui/src/components/Icon/IconBase.tsx
+++ b/packages/ui/src/components/Icon/IconBase.tsx
@@ -15,6 +15,7 @@ export interface IconBaseProps {
   background?: 'brand' | 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink'
   src?: React.ReactNode
   icon?: any
+  onClick?: (event: React.MouseEvent) => void
 }
 
 interface StringMap {
diff --git a/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx b/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx
index c438d96b468..da6920c2e32 100644
--- a/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx
+++ b/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx
@@ -75,6 +75,7 @@ const ProviderForm: FC<Props> = ({ provider }) => {
             <IconChevronUp
               className="text-scale-800 transition data-open-parent:rotate-0 data-closed-parent:rotate-180"
               strokeWidth={2}
+              /* @ts-ignore Unsure of what the intention was here */
               width={14}
             />
             <img