diff --git a/src/app/profile-settings/profile-settings.page.html b/src/app/profile-settings/profile-settings.page.html
index cec14473dd..5f86e1bd21 100644
--- a/src/app/profile-settings/profile-settings.page.html
+++ b/src/app/profile-settings/profile-settings.page.html
@@ -1,7 +1,7 @@
 <ion-content class="padding-bottom-if-header">
 	<div class="">
 		<form [formGroup]="profileSettingsForm" class="ps-container">
-			<div  role="button" aria-label="back" (click)="handleBackButton(true)" [ngClass]="{ 'back-btn-container': platform.is('android'), 'back-btn-container-ios': platform.is('ios')}">
+			<div  role="button" aria-label="back" (click)="handleBackButton(true)" class='back-btn-container'>
 				<img src="assets/imgs/ic_back_black.svg" *ngIf="!hideBackButton && !(showQRScanner && isInitialScreen)"
 					 class="top-back-button" alt="back">
 			</div>
diff --git a/src/app/user-type-selection/user-type-selection.html b/src/app/user-type-selection/user-type-selection.html
index 509385878f..87385399ff 100644
--- a/src/app/user-type-selection/user-type-selection.html
+++ b/src/app/user-type-selection/user-type-selection.html
@@ -1,5 +1,5 @@
 <ion-content class="ion-padding" [ngClass]="{ 'ui-container': !platform.is('ios') }">
-    <div class="ui-container" *ngIf="platform.is('ios')"></div>
+    <div class="ui-container-ios" *ngIf="platform.is('ios')"></div>
     <div class="ui-content">
         <div class="back-btn-container" (click)="handleBackButton(true)" role="button" aria-label="back">
             <img src="assets/imgs/ic_back_black.svg" *ngIf="!hideBackButton && !categoriesProfileData"
diff --git a/src/assets/styles/component/_sb-popover.scss b/src/assets/styles/component/_sb-popover.scss
index 55e0b0e7fb..21449604f9 100644
--- a/src/assets/styles/component/_sb-popover.scss
+++ b/src/assets/styles/component/_sb-popover.scss
@@ -78,6 +78,49 @@
     }
   }
 
+  // ios
+  .sb-popover-header.ios {
+    border-radius: 4px 4px 0 0;
+    background-color: $info-color;
+    &::after {
+      background-image: none;
+    }
+    .sb-popover-toolbar {
+      min-height: 2.5rem;
+      max-height: 2.5rem;
+      background-color: $info-color;
+      border-radius: 4px 4px 0 0;
+      //   @include padding(($base-block-space * 0.5), ($base-block-space * 1));
+      .toolbar-background {
+        border-radius: 4px 4px 0 0;
+        background-color: $info-color;
+      }
+      .sb-popover-close-btn {
+        color: $white-color;
+      }
+      .sb-popover-title {
+        font-size: ($font-size-base);
+        font-weight: bold;
+        //@extend line-height: 19px;
+        text-align: center;
+        color: $white-color;
+        @include padding(0);
+        // @include padding(0, ($base-block-space * 5) ,0,0);
+      }
+    }
+    .sb-modal-close {
+      position: absolute;
+      right: 0.313rem;
+      width: 1.25rem;
+      height: 1.25rem;
+      display: flex;
+      top: -1.125rem;
+      text-align: center;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+
   .ios .sb-popover-header {
     margin-top: calc(constant(safe-area-inset-top)); //ios 11.2
     margin-top: calc(env(safe-area-inset-top)); //ios 11.1  
@@ -177,7 +220,7 @@
   .sb-popover-header-ios {
     border-radius: 4px 4px 0 0;
     background-color: $info-color;
-    padding-top: 40px;
+
     &::after {
       background-image: none;
     }
@@ -210,7 +253,7 @@
       width: 1.25rem;
       height: 1.25rem;
       display: flex;
-      top: -0.125rem;
+      top: -1.125rem;
       text-align: center;
       justify-content: center;
       align-items: center;
diff --git a/src/assets/styles/themeable.scss b/src/assets/styles/themeable.scss
index dd4be39a21..ba373b91e2 100644
--- a/src/assets/styles/themeable.scss
+++ b/src/assets/styles/themeable.scss
@@ -1786,11 +1786,12 @@ html[data-theme="JOYFUL"]{
     &::after {
       content: '';
       width: 100%;
-      height: 3.125rem;
+      height: 10.75rem;
       display: block;
       position: absolute;
       z-index: 0;
       top: 0;
+      left: 0;
       border-bottom-left-radius: 20px;
       background-color: var(--app-primary-header) !important;
       background-image: url(/assets/imgs/header-background.svg);