diff --git a/studio/components/interfaces/Database/Triggers/CreateTrigger.tsx b/studio/components/interfaces/Database/Triggers/CreateTrigger.tsx
index be5299e1298..dd8588c9b26 100644
--- a/studio/components/interfaces/Database/Triggers/CreateTrigger.tsx
+++ b/studio/components/interfaces/Database/Triggers/CreateTrigger.tsx
@@ -19,7 +19,7 @@ import { useRouter } from 'next/router'
 import SVG from 'react-inlinesvg'
 
 import ChooseFunctionForm from './ChooseFunctionForm'
-import FormEmptyBox from 'components/to-be-cleaned/FormBoxEmpty'
+import FormEmptyBox from 'components/ui/FormBoxEmpty'
 import NoTableState from 'components/ui/States/NoTableState'
 import { useStore } from 'hooks'
 
@@ -695,17 +695,17 @@ const FunctionEmpty: FC = observer(({}) => {
     <button
       type="button"
       onClick={() => _localState!.setChooseFunctionFormVisible(true)}
-      className="w-full relative 
+      className="w-full relative
         transition-all
-        
-        shadow-sm 
+
+        shadow-sm
                   border bg-scale-200 dark:bg-scale-400
                   border-scale-600
                   rounded
                   hover:border-scale-700
                   hover:bg-scale-300 dark:hover:bg-scale-500
-                  px-5 py-1 
-                  
+                  px-5 py-1
+
                   "
     >
       <FormEmptyBox
@@ -723,17 +723,17 @@ const FunctionWithArguments: FC = observer(({}) => {
     <>
       <div
         className="
-        
-        
+
+
               w-full
 
-              relative 
-              transition-shadow shadow-sm 
+              relative
+              transition-shadow shadow-sm
               border border-scale-200 dark:border-scale-500
               rounded
 
 
-              px-5 py-4 
+              px-5 py-4
               flex space-x-3 items-center justify-between"
       >
         <div className="flex items-center gap-2">
diff --git a/studio/components/to-be-cleaned/FormBoxEmpty.tsx b/studio/components/ui/FormBoxEmpty.tsx
similarity index 67%
rename from studio/components/to-be-cleaned/FormBoxEmpty.tsx
rename to studio/components/ui/FormBoxEmpty.tsx
index c2c29f4e203..b0140dba064 100644
--- a/studio/components/to-be-cleaned/FormBoxEmpty.tsx
+++ b/studio/components/ui/FormBoxEmpty.tsx
@@ -1,7 +1,12 @@
-import { FC } from 'react'
+import { ReactText } from 'react'
 import { Typography } from '@supabase/ui'
 
-const EmptyPanel: FC<any> = ({ icon, text }) => {
+interface Props {
+  icon: JSX.Element;
+  text: ReactText;
+}
+
+const FormBoxEmpty = ({ icon, text }: Props) => {
   return (
     <div className="flex items-center justify-center flex-row py-4 space-x-2">
       <div className="relative bg-scale-300 text-scale-900 w-6 h-6 rounded-full flex items-center justify-center">
@@ -12,4 +17,4 @@ const EmptyPanel: FC<any> = ({ icon, text }) => {
   )
 }
 
-export default EmptyPanel
+export default FormBoxEmpty