UI: fixed qr code not rendering on apple devices

ui-ngx/src/app/modules/home/components/widget/lib/mobile-app-qrcode-widget.component.html

@@ -25,7 +25,7 @@
     <div class="tb-flex row center align-center shrink"
          [class.row]="mobileAppSettings?.qrCodeConfig.badgePosition === badgePosition.RIGHT"
          [class.row-reverse]="mobileAppSettings?.qrCodeConfig.badgePosition === badgePosition.LEFT">
-      <div class="tb-qrcode" (click)="navigateByDeepLink($event)" [innerHTML]="qrCodeSVG | safe: 'html'" ></div>
+      <div class="tb-qrcode" (click)="navigateByDeepLink($event)" [innerHTML]="qrCodeSVG | safe: 'html'"></div>
       <div class="tb-badges" [class.tb-no-interaction]="previewMode"
            *ngIf="(mobileAppSettings?.iosConfig.enabled || mobileAppSettings?.androidConfig.enabled) &&
                     mobileAppSettings?.qrCodeConfig.badgeEnabled && showBadgeContainer">

ui-ngx/src/app/modules/home/components/widget/lib/mobile-app-qrcode-widget.component.scss

@@ -82,8 +82,14 @@
 }
 
 :host ::ng-deep {
-  .tb-mobile-app-qrcode-panel .tb-widget-title {
-    padding: 0;
-    z-index: 1;
+  .tb-mobile-app-qrcode-panel {
+    .tb-widget-title {
+      padding: 0;
+      z-index: 1;
+    }
+    .tb-qrcode svg {
+      width: 100%;
+      height: 100%;
+    }
   }
 }