diff --git a/web/components/ui/badge.tsx b/web/components/ui/badge.tsx
index 9b7e80309..744971268 100644
--- a/web/components/ui/badge.tsx
+++ b/web/components/ui/badge.tsx
@@ -21,8 +21,7 @@ const badgeVariants = cva(
 )
 
 export interface BadgeProps
-  extends React.HTMLAttributes<HTMLSpanElement>,
-    VariantProps<typeof badgeVariants> {}
+  extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {}
 
 function Badge({ className, variant, ...props }: BadgeProps) {
   return <span className={cn(badgeVariants({ variant }), className)} {...props} />
diff --git a/web/components/ui/button.tsx b/web/components/ui/button.tsx
index b7fe8fc82..d2d3c4fbb 100644
--- a/web/components/ui/button.tsx
+++ b/web/components/ui/button.tsx
@@ -32,8 +32,7 @@ const buttonVariants = cva(
 )
 
 export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
   asChild?: boolean
 }
 
diff --git a/web/tsconfig.json b/web/tsconfig.json
index 0ad729080..c74d523e0 100644
--- a/web/tsconfig.json
+++ b/web/tsconfig.json
@@ -11,7 +11,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "noUncheckedIndexedAccess": true,
     "noUnusedLocals": true,