diff --git a/src/components/ArticleLayout.tsx b/src/components/ArticleLayout.tsx
index 897fbd3..45274c1 100644
--- a/src/components/ArticleLayout.tsx
+++ b/src/components/ArticleLayout.tsx
@@ -5,6 +5,15 @@ import {formatDate} from '@/lib/formatDate'
 import {Prose} from './Prose'
 import {ReactNode} from 'react'
 
+type ArticleLayout = {
+    children?: ReactNode
+    isRssFeed: boolean
+    title: string
+    description: string
+    ogImage: string
+    date: string
+}
+
 export function ArticleLayout({
                                   children,
                                   isRssFeed = false,
@@ -12,15 +21,7 @@ export function ArticleLayout({
                                   description,
                                   ogImage,
                                   date
-                              }:
-                                  {
-                                      children?: ReactNode,
-                                      isRssFeed: boolean,
-                                      title: string,
-                                      description: string,
-                                      ogImage: string,
-                                      date: string
-                                  }) {
+                              }: ArticleLayout) {
     const pathname = usePathname()
 
     if (isRssFeed) {
diff --git a/src/components/SimpleLayout.tsx b/src/components/SimpleLayout.tsx
index ca73c71..72ba212 100644
--- a/src/components/SimpleLayout.tsx
+++ b/src/components/SimpleLayout.tsx
@@ -2,18 +2,19 @@ import {ReactNode} from 'react'
 import clsx from 'clsx'
 import {Container} from './Container'
 
+type SimpleLayout = {
+    title: string
+    intro: string
+    children: ReactNode
+    gradient: string
+}
+
 export function SimpleLayout({
                                  title,
                                  intro,
                                  children,
                                  gradient
-                             }:
-                                 {
-                                     title: string,
-                                     intro: string,
-                                     children: ReactNode,
-                                     gradient: string
-                                 }) {
+                             }: SimpleLayout) {
     return (
         <Container className="mt-16 sm:mt-32">
             <header className="max-w-2xl">