diff --git a/src/components/NavigationBar/components/RightSide.tsx b/src/components/NavigationBar/components/RightSide.tsx
index bb4ede7..676e5cd 100644
--- a/src/components/NavigationBar/components/RightSide.tsx
+++ b/src/components/NavigationBar/components/RightSide.tsx
@@ -8,7 +8,7 @@ interface RightSideProps {
   path: string;
 }
 
-export function RightSide({ cookies, path }: RightSideProps) {
+export function RightSide({ cookies, path }: Readonly<RightSideProps>) {
   if (cookies.token) {
     return getNavbarEnd(path, get2ankiApi());
   }
diff --git a/src/pages/HomePage/HomePage.tsx b/src/pages/HomePage/HomePage.tsx
index ac0866f..cbcba97 100644
--- a/src/pages/HomePage/HomePage.tsx
+++ b/src/pages/HomePage/HomePage.tsx
@@ -12,7 +12,7 @@ interface HomePageProps {
   setErrorMessage: ErrorHandlerType;
 }
 
-export function HomePage({ setErrorMessage }: HomePageProps) {
+export function HomePage({ setErrorMessage }: Readonly<HomePageProps>) {
   return (
     <HomeContainer>
       <HeroSection />
diff --git a/src/pages/SettingsPage/SettingsPage.tsx b/src/pages/SettingsPage/SettingsPage.tsx
index 6fcb8ff..8fbe6b4 100644
--- a/src/pages/SettingsPage/SettingsPage.tsx
+++ b/src/pages/SettingsPage/SettingsPage.tsx
@@ -18,7 +18,7 @@ interface SettingsPageProps {
 
 }
 
-export default function SettingsPage({ setErrorMessage }: SettingsPageProps) {
+export default function SettingsPage({ setErrorMessage }: Readonly<SettingsPageProps>) {
   const customerPortal =
     process.env.NODE_ENV === 'development' ?
       portalLinks.development : portalLinks.production;