diff --git a/src/config/env.ts b/src/config/env.ts
new file mode 100644
index 0000000..47b3679
--- /dev/null
+++ b/src/config/env.ts
@@ -0,0 +1,5 @@
+export const PEXELS_API_KEY = process.env.PEXELS_API_KEY ?? '';
+
+if (!PEXELS_API_KEY) {
+  console.warn('PEXELS_API_KEY environment variable is not defined');
+}
diff --git a/src/screens/GalleryScreen.tsx b/src/screens/GalleryScreen.tsx
index e057fa3..95b7c6b 100644
--- a/src/screens/GalleryScreen.tsx
+++ b/src/screens/GalleryScreen.tsx
@@ -5,13 +5,9 @@ import {useInfiniteQuery} from '@tanstack/react-query';
 import {getCollectionsMedia} from '../api/api';
 import ImageViewer from '../components/ImageViewer';
 import HeartWithLiquidActivityIndicator from '../components/HearthWithLiquidActivityIndicator';
+import {PEXELS_API_KEY} from '../config/env';
 
 const GalleryScreen: React.FC<GalleryScreenProps> = props => {
-  const PEXELS_API_KEY = process.env.PEXELS_API_KEY ?? '';
-  if (!PEXELS_API_KEY) {
-    console.warn('PEXELS_API_KEY environment variable is not defined');
-  }
-
   const {item} = props.route.params;
 
   const {
diff --git a/src/screens/HomeScreen.tsx b/src/screens/HomeScreen.tsx
index 0263edf..7205812 100644
--- a/src/screens/HomeScreen.tsx
+++ b/src/screens/HomeScreen.tsx
@@ -18,6 +18,7 @@ import {
 } from '../types/types';
 import {useNavigation} from '@react-navigation/native';
 import HeartWithLiquidActivityIndicator from '../components/HearthWithLiquidActivityIndicator';
+import {PEXELS_API_KEY} from '../config/env';
 
 const ITEM_HEIGHT = 60;
 const SEPARATOR_HEIGHT = 12;
@@ -62,11 +63,6 @@ const ErrorMessage: React.FC<{onRetry: () => void}> = ({onRetry}) => (
 );
 
 const HomeScreen: React.FC = () => {
-  const PEXELS_API_KEY = process.env.PEXELS_API_KEY ?? '';
-  if (!PEXELS_API_KEY) {
-    console.warn('PEXELS_API_KEY environment variable is not defined');
-  }
-
   const {
     data,
     fetchNextPage,