diff --git a/ui/desktop/src/components/icons/ChevronRight.tsx b/ui/desktop/src/components/icons/ChevronRight.tsx
index 9aadad79..4e91907f 100644
--- a/ui/desktop/src/components/icons/ChevronRight.tsx
+++ b/ui/desktop/src/components/icons/ChevronRight.tsx
@@ -1,7 +1,7 @@
-interface Props {
+import React from 'react';
+
+interface Props extends React.ComponentPropsWithoutRef<'svg'> {
   className?: string;
-  // eslint-disable-next-line
-  [key: string]: any; // This will allow any other SVG props to pass through
 }
 
 export function ChevronRight({ className = '', ...props }: Props) {
diff --git a/ui/desktop/src/components/icons/Geese.tsx b/ui/desktop/src/components/icons/Geese.tsx
index a74ea1c1..272859ac 100644
--- a/ui/desktop/src/components/icons/Geese.tsx
+++ b/ui/desktop/src/components/icons/Geese.tsx
@@ -1,7 +1,6 @@
-interface Props {
-  // eslint-disable-next-line
-  [key: string]: any; // This will allow any other SVG props to pass through
-}
+import React from 'react';
+
+type Props = React.ComponentPropsWithoutRef<'svg'>;
 
 export function Geese({ ...props }: Props) {
   return (