diff --git a/site/src/components/Playground.tsx b/site/src/components/Playground.tsx
index fd95bf3d3..6928432c6 100644
--- a/site/src/components/Playground.tsx
+++ b/site/src/components/Playground.tsx
@@ -1,6 +1,3 @@
-import * as React from 'react'
-import { gray } from '@radix-ui/colors'
-
 export function Playground({
   code,
   setupCode = exampleSetup,
diff --git a/site/src/components/SectionFeatures/index.tsx b/site/src/components/SectionFeatures/index.tsx
index af83501d0..0df452c05 100644
--- a/site/src/components/SectionFeatures/index.tsx
+++ b/site/src/components/SectionFeatures/index.tsx
@@ -1,3 +1,4 @@
+import type { SVGProps } from 'react'
 import clsx from 'clsx'
 import styles from './styles.module.css'
 import { gray } from '@radix-ui/colors'
@@ -72,7 +73,7 @@ const FeatureList: FeatureItem[] = [
   },
 ]
 
-function TickIcon(props: React.SVGProps<SVGSVGElement>) {
+function TickIcon(props: SVGProps<SVGSVGElement>) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"