diff --git a/frontend/src/app/deposit/deposit.component.ts b/frontend/src/app/deposit/deposit.component.ts
index 0da8395..e07ee85 100644
--- a/frontend/src/app/deposit/deposit.component.ts
+++ b/frontend/src/app/deposit/deposit.component.ts
@@ -3,6 +3,7 @@ import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angula
 import { loadStripe, Stripe } from '@stripe/stripe-js';
 import { DepositService } from '../service/deposit.service';
 import { debounceTime } from 'rxjs';
+import { environment } from '../../environments/environment';
 
 @Component({
   selector: 'app-deposit',
@@ -29,9 +30,7 @@ export class DepositComponent implements OnInit {
       }
     });
 
-    this.stripe = await loadStripe(
-      'pk_test_51QrePYIvCfqz7ANgMizBorPpVjJ8S6gcaL4yvcMQnVaKyReqcQ6jqaQEF7aDZbDu8rNVsTZrw8ABek4ToxQX7KZe00jpGh8naG'
-    );
+    this.stripe = await loadStripe(environment.STRIPE_KEY);
   }
 
   submit() {
diff --git a/frontend/src/environments/environment.ts b/frontend/src/environments/environment.ts
new file mode 100644
index 0000000..f0dc69d
--- /dev/null
+++ b/frontend/src/environments/environment.ts
@@ -0,0 +1,3 @@
+export const environment = {
+  STRIPE_KEY: 'pk_test_51QrePYIvCfqz7ANgMizBorPpVjJ8S6gcaL4yvcMQnVaKyReqcQ6jqaQEF7aDZbDu8rNVsTZrw8ABek4ToxQX7KZe00jpGh8naG',
+}