From 56bb49d423e0071ab6bb3ac20e01caefdf739723 Mon Sep 17 00:00:00 2001
From: Farhaan Bukhsh <farhaan@opencraft.com>
Date: Sun, 9 May 2021 11:10:19 +0530
Subject: [PATCH] fix: [BB-4143] Reused style in registration (#786)

* fix: Reused style in registration

Signed-off-by: Farhaan Bukhsh <farhaan@opencraft.com>
---
 .../components/RegistrationContainer/styles.scss           | 5 +----
 frontend/src/styles/_theme.scss                            | 7 +++++++
 frontend/src/ui/components/ContentPage/styles.scss         | 5 +----
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/frontend/src/registration/components/RegistrationContainer/styles.scss b/frontend/src/registration/components/RegistrationContainer/styles.scss
index a9f443092..bcdcef0ab 100644
--- a/frontend/src/registration/components/RegistrationContainer/styles.scss
+++ b/frontend/src/registration/components/RegistrationContainer/styles.scss
@@ -1,8 +1,5 @@
 @import '~styles/theme';
 
 .registration-container {
-  background-image: url("~assets/header-background.jpg");
-  background-color: $primary-1;
-  background-size: 100% 350px;
-  background-repeat: no-repeat;
+  @include set-header-background;
 }
diff --git a/frontend/src/styles/_theme.scss b/frontend/src/styles/_theme.scss
index c4132fd86..432bd4e35 100644
--- a/frontend/src/styles/_theme.scss
+++ b/frontend/src/styles/_theme.scss
@@ -81,3 +81,10 @@ body {
     color: $secondary-1;
   }
 }
+
+@mixin set-header-background {
+  background-image: url("~assets/header-background.jpg");
+  background-color: $primary-1;
+  background-size: 100% 350px;
+  background-repeat: no-repeat;
+}
diff --git a/frontend/src/ui/components/ContentPage/styles.scss b/frontend/src/ui/components/ContentPage/styles.scss
index f43060b8e..816406a5f 100644
--- a/frontend/src/ui/components/ContentPage/styles.scss
+++ b/frontend/src/ui/components/ContentPage/styles.scss
@@ -6,10 +6,7 @@
   flex-direction: column;
   align-items: stretch;
   width: 100%;
-  background-image: url("~assets/header-background.jpg");
-  background-color: $primary-1;
-  background-size: 100% 350px;
-  background-repeat: no-repeat;
+  @include set-header-background;
 
   .title-container {
     margin: 60px;