diff --git a/src/layouts/MainLayout.tsx b/src/layouts/MainLayout.tsx
index 296b801..e00915e 100644
--- a/src/layouts/MainLayout.tsx
+++ b/src/layouts/MainLayout.tsx
@@ -1,9 +1,10 @@
 import React, { useState } from "react";
+import { Footer } from "../components/Footer";
 import { Navbar } from "../components/Navbar";
 import { SearchBar } from "../components/SearchBar";
-import { Footer } from "../components/Footer";
 import { SideNav } from "../components/SideNav";
 
+// TODO FC...
 const MainLayout = ({
   buttonUrl,
   getRandomMeal,
@@ -62,7 +63,7 @@ const MainLayout = ({
           closeNavClick={closeNavClick}
           links={links}
           buttonUrl={buttonUrl}
-          handleClick={()=>{}}
+          handleClick={() => {}}
         />
       </header>
       {children}
diff --git a/src/layouts/PageLayout.tsx b/src/layouts/PageLayout.tsx
index 884a5b7..6fc282b 100644
--- a/src/layouts/PageLayout.tsx
+++ b/src/layouts/PageLayout.tsx
@@ -1,12 +1,14 @@
-import React from "react";
+import { FC } from "react";
 
-const PageLayout = ({ title, children }) => {
-  return (
-    <div className="container">
-      <h1 className="logo">{title}</h1>
-      {children}
-    </div>
-  );
+type Props = {
+  title: string;
 };
 
+const PageLayout: FC<Props> = ({ title, children }) => (
+  <div className="container">
+    <h1 className="logo">{title}</h1>
+    {children}
+  </div>
+);
+
 export default PageLayout;