diff --git a/extension/data/components/controls/ActionButton.tsx b/extension/data/components/controls/ActionButton.tsx
index cd032873..2490a27c 100644
--- a/extension/data/components/controls/ActionButton.tsx
+++ b/extension/data/components/controls/ActionButton.tsx
@@ -2,15 +2,22 @@ import {type ComponentPropsWithoutRef, forwardRef} from 'react';
 import {classes} from '../../util/ui_interop';
 import css from './ActionButton.module.css';
 
-export const ActionButton = forwardRef<HTMLButtonElement>(({
+export const ActionButton = forwardRef<
+    HTMLButtonElement,
+    ComponentPropsWithoutRef<'button'> & {
+        inline?: boolean;
+    }
+>(({
     inline,
     className,
     ...props
-}: ComponentPropsWithoutRef<'button'> & {
-    inline?: boolean;
 }, ref) => (
     <button
-        className={classes(css.actionButton, inline && css.inline, className)}
+        className={classes(
+            css.actionButton,
+            inline && css.inline,
+            className,
+        )}
         {...props}
         ref={ref}
     />
diff --git a/extension/data/components/controls/ActionSelect.tsx b/extension/data/components/controls/ActionSelect.tsx
index 06d6694d..98b4a843 100644
--- a/extension/data/components/controls/ActionSelect.tsx
+++ b/extension/data/components/controls/ActionSelect.tsx
@@ -2,15 +2,22 @@ import {type ComponentPropsWithoutRef, forwardRef} from 'react';
 import {classes} from '../../util/ui_interop';
 import css from './ActionSelect.module.css';
 
-export const ActionSelect = forwardRef<HTMLSelectElement>(({
+export const ActionSelect = forwardRef<
+    HTMLSelectElement,
+    ComponentPropsWithoutRef<'select'> & {
+        inline?: boolean;
+    }
+>(({
     inline,
     className,
     ...props
-}: ComponentPropsWithoutRef<'select'> & {
-    inline?: boolean;
 }, ref) => (
     <select
-        className={classes(css.actionSelect, inline && css.inline, className)}
+        className={classes(
+            css.actionSelect,
+            inline && css.inline,
+            className,
+        )}
         {...props}
         ref={ref}
     />
diff --git a/extension/data/components/controls/BracketButton.tsx b/extension/data/components/controls/BracketButton.tsx
index 6fd06528..32843698 100644
--- a/extension/data/components/controls/BracketButton.tsx
+++ b/extension/data/components/controls/BracketButton.tsx
@@ -2,12 +2,15 @@ import {type ComponentPropsWithoutRef, forwardRef} from 'react';
 import {classes} from '../../util/ui_interop';
 import css from './BracketButton.module.css';
 
-export const BracketButton = forwardRef<HTMLButtonElement>(({
+export const BracketButton = forwardRef<
+    HTMLButtonElement,
+    ComponentPropsWithoutRef<'button'> & {
+        inline?: boolean;
+    }
+>(({
     inline,
     className,
     ...props
-}: ComponentPropsWithoutRef<'button'> & {
-    inline?: boolean;
 }, ref) => (
     <button
         className={classes(css.bracketButton, className)}
diff --git a/extension/data/components/controls/GeneralButton.tsx b/extension/data/components/controls/GeneralButton.tsx
index 3ec9f6c5..3bcc6867 100644
--- a/extension/data/components/controls/GeneralButton.tsx
+++ b/extension/data/components/controls/GeneralButton.tsx
@@ -2,12 +2,15 @@ import {type ComponentPropsWithoutRef, forwardRef} from 'react';
 import {classes} from '../../util/ui_interop';
 import css from './GeneralButton.module.css';
 
-export const GeneralButton = forwardRef<HTMLButtonElement>(({
+export const GeneralButton = forwardRef<
+    HTMLButtonElement,
+    ComponentPropsWithoutRef<'button'> & {
+        inline?: boolean;
+    }
+>(({
     inline,
     className,
     ...props
-}: ComponentPropsWithoutRef<'button'> & {
-    inline?: boolean;
 }, ref) => (
     <button
         className={classes(css.generalButton, className)}
diff --git a/extension/data/components/controls/NormalInput.tsx b/extension/data/components/controls/NormalInput.tsx
index 5d3f5be9..9c7dcd7d 100644
--- a/extension/data/components/controls/NormalInput.tsx
+++ b/extension/data/components/controls/NormalInput.tsx
@@ -3,12 +3,15 @@ import {classes} from '../../util/ui_interop';
 import css from './NormalInput.module.css';
 
 // TODO: this is a terrible name
-export const NormalInput = forwardRef<HTMLInputElement>(({
+export const NormalInput = forwardRef<
+    HTMLInputElement,
+    ComponentPropsWithoutRef<'input'> & {
+        inFooter?: boolean;
+    }
+>(({
     inFooter,
     className,
     ...props
-}: ComponentPropsWithoutRef<'input'> & {
-    inFooter?: boolean;
 }, ref) => (
     <input
         className={classes(