diff --git a/src/components/Layout/index.tsx b/src/layouts/Layout/index.tsx
similarity index 71%
rename from src/components/Layout/index.tsx
rename to src/layouts/Layout/index.tsx
index 4a56a70..42faea7 100644
--- a/src/components/Layout/index.tsx
+++ b/src/layouts/Layout/index.tsx
@@ -5,21 +5,18 @@
  * See: https://www.gatsbyjs.org/docs/use-static-query/
  */
 
-import { RouteComponentProps } from '@reach/router'
+import { RouteComponentProps } from "@reach/router"
 import React, { FC, Fragment } from "react"
 
+import { Container } from "../../components/Container"
+import { Footer } from "../../components/Footer"
+import { Header } from "../../components/Header"
+import { WavesBottom } from "../../components/Waves"
 import { GlobalStyles } from "../../globalStyles"
 import { ThemeProvider } from "../../ThemeProvider"
-import { Container } from "../Container"
-import { Footer } from "../Footer"
-import { Header } from "../Header"
-import { WavesBottom } from "../Waves"
 import * as SC from "./styles"
 
-export const Layout: FC<RouteComponentProps> = ({
-  children,
-  location,
-}) => {
+export const Layout: FC<RouteComponentProps> = ({ children, location }) => {
   const isHome = location ? location.pathname === "/" : false
 
   return (
diff --git a/src/components/Layout/styles.tsx b/src/layouts/Layout/styles.tsx
similarity index 100%
rename from src/components/Layout/styles.tsx
rename to src/layouts/Layout/styles.tsx
diff --git a/src/components/ResourcesLayout/index.tsx b/src/layouts/ResourcesLayout/index.tsx
similarity index 89%
rename from src/components/ResourcesLayout/index.tsx
rename to src/layouts/ResourcesLayout/index.tsx
index 0ded442..9fad0d0 100644
--- a/src/components/ResourcesLayout/index.tsx
+++ b/src/layouts/ResourcesLayout/index.tsx
@@ -7,11 +7,11 @@
 
 import React, { FC, useState } from "react"
 
+import { MobileHeader } from "../../components/MobileHeader"
+import { ResourcesSidebar } from "../../components/ResourcesSidebar"
 import { GlobalStyles } from "../../globalStyles"
 import { SidebarProvider } from "../../SidebarProvider"
 import { ThemeProvider } from "../../ThemeProvider"
-import { MobileHeader } from "../MobileHeader"
-import { ResourcesSidebar } from "../ResourcesSidebar"
 import * as SC from "./styles"
 
 export const ResourcesLayout: FC = ({ children }) => {
diff --git a/src/components/ResourcesLayout/styles.tsx b/src/layouts/ResourcesLayout/styles.tsx
similarity index 100%
rename from src/components/ResourcesLayout/styles.tsx
rename to src/layouts/ResourcesLayout/styles.tsx
diff --git a/src/layouts/index.tsx b/src/layouts/index.tsx
index c705a75..8b4f54b 100644
--- a/src/layouts/index.tsx
+++ b/src/layouts/index.tsx
@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from "react"
-import { Layout } from "../components/Layout"
-import { ResourcesLayout } from "../components/ResourcesLayout"
+import { Layout } from "./Layout"
+import { ResourcesLayout } from "./ResourcesLayout"
 
 export default function BaseLayout({
   children,