diff --git a/.storybook/Layout.tsx b/.storybook/Layout.tsx
index a4b2053d71..d8af72da3d 100644
--- a/.storybook/Layout.tsx
+++ b/.storybook/Layout.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import '../src/globals.css'
 
-const Layout = ({ children }) => {
+const Layout: React.FC<React.PropsWithChildren> = ({ children }) => {
   return <div className="text-sm text-ds-primary-base">{children}</div>
 }
 
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index f6c9fc97dc..c9d0af9915 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -11,14 +11,14 @@ export const parameters = {
 
 const queryClient = new QueryClient()
 
-const localStorageResetDecorator = (Story) => {
+const localStorageResetDecorator = (Story: React.FC) => {
   window.localStorage.clear()
   return <Story />
 }
 
 export const decorators = [
   localStorageResetDecorator,
-  (Story) => (
+  (Story: React.FC) => (
     <QueryClientProvider client={queryClient}>
       <Layout>
         <Story />