diff --git a/frontend/src/App.scss b/frontend/src/App.scss
index f824a7f2bd656577a4140ece07b58ebd29d75346..851ab04dd43f258bddf80481b972b38322c6e8f2 100644
--- a/frontend/src/App.scss
+++ b/frontend/src/App.scss
@@ -1,10 +1,11 @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;1,300&display=swap');
 
-$base-green: rgb(34, 139, 34);
+$base-green: rgb(14, 134, 78);
 $base-blue: rgb(0, 212, 255);
+$base-green-2: rgb(7, 170, 94);
 
 $theme-colors: (
-  "primary": $base-green,
+  'primary': $base-green-2
 );
 
 .main-container {
@@ -54,3 +55,10 @@ $theme-colors: (
         -ms-user-select: none; /* Internet Explorer/Edge */
             user-select: none; /* Non-prefixed version, currently*/
 }
+
+
+.btn-primary {
+  background-color:  $base-green-2 !important;
+  border: $base-green-2 !important;
+}
+
diff --git a/frontend/src/components/startseite/Login.js b/frontend/src/components/startseite/Login.js
index 51d84890f23248ad48ab358c386b2f45a6d81a52..b8c0c64920814b8b88f6ed5c60cd7b0c9cfeb3a4 100644
--- a/frontend/src/components/startseite/Login.js
+++ b/frontend/src/components/startseite/Login.js
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import {Col, Button, Form,} from 'react-bootstrap';
 import ApothekeRegisterModal from '../../modals/ApothekeRegisterModal';
 import { useSnackbar } from 'notistack';
+import '../../App.scss';
 import './Startseite.scss'