diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 2c173ea0c..614b5ce22 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -305,6 +305,10 @@ const routes = [
   {
     path: 'view-document-second-options',
     loadChildren: () => import('./modals/view-document-second-options/view-document-second-options.module').then( m => m.ViewDocumentSecondOptionsPageModule)
+  },
+  {
+    path: 'crop-image',
+    loadChildren: () => import('./modals/crop-image/crop-image.module').then( m => m.CropImagePageModule)
   }
 
  /*
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 9b80a69cc..d21866bf4 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -93,6 +93,7 @@ import { InputFilterDirective } from './services/directives/input-filter.directi
 import { VisibilityDirective } from './services/directives/visibility.directive';
 import { DeplomaOptionsPageModule } from './shared/popover/deploma-options/deploma-options.module';
 import { DiplomaOptionsPage } from './shared/popover/deploma-options/deploma-options.page';
+import { ImageCropperModule } from 'ngx-image-cropper';
 // import { ServiceWorkerModule } from '@angular/service-worker';
 // import { AngularFireModule } from '@angular/fire';
 // import { AngularFireMessagingModule } from '@angular/fire/messaging';
@@ -176,6 +177,7 @@ import { FirebaseX } from '@ionic-native/firebase-x/ngx'; */
     // options
     DeplomaOptionsPageModule,
     CreateProcessPageModule,
+    ImageCropperModule
   ],
   entryComponents: [
     DiplomaOptionsPage,
diff --git a/src/app/pages/publications/new-publication/new-publication.page.html b/src/app/pages/publications/new-publication/new-publication.page.html
index 76fcf1c07..202359e61 100644
--- a/src/app/pages/publications/new-publication/new-publication.page.html
+++ b/src/app/pages/publications/new-publication/new-publication.page.html
@@ -34,7 +34,7 @@
           <div class="d-flex">
             <div *ngFor="let seleted of seletedContent.slice(0, displayLimit), let i = index"  lot="start" class="mr-10">
 
-              <div class="text-center cursor-pointer"  (click)="deleteFromSeletedContent(i)" style="font-weight: 700;color: #c63527;">
+              <div class="text-center cursor-pointer"  (click)="deleteFromSeletedContent(i)" style="font-weight: 700;color: #c63527; text-align-last: right;">
                 X
               </div>
 
diff --git a/src/app/shared/publication/new-publication/new-publication.page.html b/src/app/shared/publication/new-publication/new-publication.page.html
index b6bc54cf9..e2982d5c3 100644
--- a/src/app/shared/publication/new-publication/new-publication.page.html
+++ b/src/app/shared/publication/new-publication/new-publication.page.html
@@ -49,7 +49,7 @@
 
             <div>
 
-              <div class="text-center cursor-pointer"  (click)="deleteFromSeletedContent(i)" style="font-weight: 700;color: #c63527;">
+              <div class="text-center cursor-pointer"  (click)="deleteFromSeletedContent(i)" style="font-weight: 700;color: #c63527; text-align-last: right;">
                 X
               </div>