diff --git a/apps/web/Components/Layout/Element.tsx b/apps/web/Components/Layout/Element.tsx
index 4cec38a..bea223b 100644
--- a/apps/web/Components/Layout/Element.tsx
+++ b/apps/web/Components/Layout/Element.tsx
@@ -1,6 +1,5 @@
 /* eslint-disable func-style */
 import { min } from '@/styles/mq';
-import type { ReactNode } from 'react';
 import styled from 'styled-components';
 import { Flex } from 'ui/grid';
 
@@ -24,9 +23,9 @@ export function Head({
   addon,
   htmlFor,
 }: {
-  addon?: ReactNode;
-  htmlFor: string;
-  title: ReactNode;
+  readonly addon?: React.ReactNode;
+  readonly htmlFor: string;
+  readonly title: React.ReactNode;
 }) {
   return (
     <Flex alignItems={['center']} flexDirection={['row']} justifyContent={['space-between']}>
@@ -36,6 +35,6 @@ export function Head({
   );
 }
 
-export function Container({ children }: { children: ReactNode }) {
+export function Container({ children }: { readonly children: React.ReactNode }) {
   return <Flex flexDirection="column">{children}</Flex>;
 }