diff --git a/src/App.js b/src/App.js
index 3373568..aa45d2f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -8,7 +8,7 @@ import HomePage from './screens/HomePage';
 import LoginPage from './screens/LoginPage';
 import AboutUsPage from './screens/AboutUsPage';
 
-function App() {
+const App = () => {
   return (
     <Router>
       <Switch>
diff --git a/src/screens/AboutUsPage/index.js b/src/screens/AboutUsPage/index.js
index 6b475cf..49573c3 100644
--- a/src/screens/AboutUsPage/index.js
+++ b/src/screens/AboutUsPage/index.js
@@ -1,7 +1,7 @@
 import React from "react";
 import './index.css';
 
-function AboutUsPage() {
+const AboutUsPage = () => {
   return (
     <h1>This is your About Us Page</h1>
   );
diff --git a/src/screens/HomePage/index.js b/src/screens/HomePage/index.js
index cafca65..555f464 100644
--- a/src/screens/HomePage/index.js
+++ b/src/screens/HomePage/index.js
@@ -1,7 +1,7 @@
 import React from "react";
 import './index.css';
 
-function HomePage() {
+const HomePage = () => {
   return (
     <h1>This is your Homepage</h1>
   );
diff --git a/src/screens/LoginPage/index.js b/src/screens/LoginPage/index.js
index 275744f..0c00152 100644
--- a/src/screens/LoginPage/index.js
+++ b/src/screens/LoginPage/index.js
@@ -1,7 +1,7 @@
 import React from "react";
 import './index.css';
 
-function LoginPage() {
+const LoginPage = () => {
   return (
     <h1>This is your LoginPage</h1>
   );