diff --git a/src/app/pages/login/login.page.scss b/src/app/pages/login/login.page.scss
index ea799e883..055dc4e6b 100644
--- a/src/app/pages/login/login.page.scss
+++ b/src/app/pages/login/login.page.scss
@@ -35,28 +35,24 @@ ion-content{
     height: 250px;
     overflow: auto;
     border-radius: 50%;
-    background: #4cb9f825;
     margin: auto;
     .bg-2{
         width: 225px;
         height: 225px;
         overflow: auto;
         border-radius: 50%;
-        background: #61bdf2b4;
         margin: auto;
         .bg-3{
             width: 200px;
             height: 200px;
             overflow: auto;
             border-radius: 50%;
-            background: #96d3f8be;
             margin: auto;
             .bg-4{
                 width: 175px;
                 height: 175px;
                 overflow: auto;
                 border-radius: 50%;
-                background: rgba(255, 255, 255, 0.918);
                 padding: 15px;
                 margin: auto;
 
diff --git a/src/app/pages/login/login.page.ts b/src/app/pages/login/login.page.ts
index 55b8fc6c7..411e03c07 100644
--- a/src/app/pages/login/login.page.ts
+++ b/src/app/pages/login/login.page.ts
@@ -38,14 +38,14 @@ export class LoginPage implements OnInit {
     public alertController: AlertController,
     private clearStoreService: ClearStoreService,
     private changeProfileService: ChangeProfileService,
-    public themeservice: ThemeService,
+    public ThemeService: ThemeService,
     private storageservice: StorageService
   ) {}
 
   ngOnInit() {
    this.storageservice.get('theme').then((theme) =>{
      console.log('LOGIN THEME',theme)
-     this.themeservice.setTheme(theme)
+     this.ThemeService.setTheme(theme)
    })
   }
 
diff --git a/src/app/pages/search/search.page.html b/src/app/pages/search/search.page.html
index 7b1cda29c..302f4b0ce 100644
--- a/src/app/pages/search/search.page.html
+++ b/src/app/pages/search/search.page.html
@@ -144,7 +144,8 @@
                     </div>
 
                     <div *ngIf="ordinance == 'recent'" (click)="reorderList('old')">
-                      <ion-icon  src="assets/images/icons-arrow-arrow-down-25.svg"></ion-icon>
+                      <ion-icon  *ngIf="ThemeService.currentTheme == 'default' "src="assets/images/icons-arrow-arrow-down-25.svg"></ion-icon>
+                      <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-arrow-arrow-down.svg"></ion-icon>
                     </div>
                   </div>
                 </div>
diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index 73e00efc8..69de167ac 100644
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -747,6 +747,20 @@ body {
     color: #ffffff;
     --color: #ffffff;
   }
+
+
+  .bg-1{
+    background: #4cb9f825;
+    .bg-2{
+        background: #61bdf2b4;
+        .bg-3{
+            background: #96d3f8be;
+            .bg-4{
+              background: rgba(255, 255, 255, 0.918);
+            }
+        }
+    }
+  }
 }
 
 .font-awesome {