diff --git a/src/pages/AuthForDevelopers/authForDevelopers.scss b/src/pages/AuthForDevelopers/authForDevelopers.scss
index 26f843f4..af96ba5d 100644
--- a/src/pages/AuthForDevelopers/authForDevelopers.scss
+++ b/src/pages/AuthForDevelopers/authForDevelopers.scss
@@ -26,22 +26,25 @@
.change-mode {
display: flex;
justify-content: center;
+ flex-direction: column;
+ align-items: center;
- &__partners {
+ &__part {
width: 220px;
height: 50px;
- background: #406128;
+ background: #52b7098c;
border-radius: 44px;
- color: white;
+ color: #2d6505;
font-size: 16px;
border: none;
margin-left: -40px;
}
- &__developers {
+ &__dev {
width: 220px;
+ position: relative;
height: 50px;
- background-color: #52b709;
+ background: #406128;
border-radius: 44px;
color: white;
font-size: 16px;
diff --git a/src/pages/AuthForPartners/AuthForPartners.js b/src/pages/AuthForPartners/AuthForPartners.js
index c3b0a219..d0194820 100644
--- a/src/pages/AuthForPartners/AuthForPartners.js
+++ b/src/pages/AuthForPartners/AuthForPartners.js
@@ -3,6 +3,7 @@ import arrow from "../../images/arrow__login_page.png";
import medium from "../../images/medium_male_big.png";
import cross from "../../images/cross.png";
import text from "../../images/Body_Text.png";
+import arrowBtn from "../../images/arrowRight.png";
import vector from "../../images/Vector_Smart_Object.png";
import vectorBlack from "../../images/Vector_Smart_Object_black.png";
import { useSelector } from "react-redux";
@@ -38,14 +39,19 @@ const AuthForPartners = () => {
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/AuthForPartners/authForPartners.scss b/src/pages/AuthForPartners/authForPartners.scss
index 3c3f56c5..edfabda3 100644
--- a/src/pages/AuthForPartners/authForPartners.scss
+++ b/src/pages/AuthForPartners/authForPartners.scss
@@ -52,6 +52,23 @@
.change-mode {
display: flex;
justify-content: center;
+ flex-direction: column;
+ align-items: center;
+
+ &__arrow {
+ margin: 49px 0 43px 0;
+ width: 48px;
+ height: 48px;
+ background: #8dc63f82;
+
+ border-radius: 44px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ img {
+ transform: rotate(90deg);
+ }
+ }
&__partners {
width: 220px;
@@ -67,9 +84,9 @@
&__developers {
width: 220px;
height: 50px;
- background-color: #52b709;
+ background-color: #52b7098c;
border-radius: 44px;
- color: white;
+ color: #2d6505;
font-size: 16px;
border: none;
}