diff --git a/src/assets/icons/arrow_back.svg b/src/assets/icons/arrow_back.svg
index b9b7af1a..c96460fd 100644
--- a/src/assets/icons/arrow_back.svg
+++ b/src/assets/icons/arrow_back.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#FFF">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#2a2a2a">
   <path d="M0 0h24v24H0V0z" fill="none" />
   <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
 </svg>
\ No newline at end of file
diff --git a/src/components/back-btn/back-btn.tsx b/src/components/back-btn/back-btn.tsx
index e9d82c05..929522e8 100644
--- a/src/components/back-btn/back-btn.tsx
+++ b/src/components/back-btn/back-btn.tsx
@@ -6,8 +6,6 @@ import { ActionButton } from "../landing-page/form-elements";
 const StyledBackBtn = styled(ActionButton)`
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: transparent;
 `;
 
 export const BackBtn = () => {