diff --git a/src/app/modals/preview-camera/preview-camera.page.html b/src/app/modals/preview-camera/preview-camera.page.html
index bc40a9eab..53647d342 100644
--- a/src/app/modals/preview-camera/preview-camera.page.html
+++ b/src/app/modals/preview-camera/preview-camera.page.html
@@ -27,32 +27,32 @@
 
 <ion-footer color="light">
   <ion-row>
-    <ion-col size="3" class="ion-text-center">
+    <ion-col size="4" class="ion-text-center">
       <ion-button (click)="close()" fill="clear" color="light">
         <!-- <ion-icon name="remove" slot="start"></ion-icon> -->
         <ion-icon  src="assets/icon/chat/circle-xmark-solid 1.svg" name="chatbox"></ion-icon>  
       </ion-button>
     </ion-col>
-    <ion-col size="3" class="ion-text-center">
+    <ion-col size="4" class="ion-text-center">
       
         <ion-button (click)="zoom(false)" fill="clear" color="light">
           <!-- <ion-icon name="remove" slot="start"></ion-icon> -->
           <ion-icon class="redla" name="flower-outline"></ion-icon>
       </ion-button>
     </ion-col>
-    <ion-col size="3" class="ion-text-center">
+    <ion-col size="4" class="ion-text-center">
       <ion-button (click)="getIconGallery()" fill="clear" color="light">
        
-        <ion-icon  name="videocam"></ion-icon>
+        <ion-icon  name="videocam" (click)="openChatVideo()"></ion-icon>
       
       </ion-button>
     </ion-col>
-    <ion-col size="3" class="ion-text-center">
+    <!-- <ion-col size="3" class="ion-text-center">
       <ion-button (click)="zoom(true)" fill="clear" color="light">
         <ion-icon class="redla" name="alert-circle"></ion-icon> 
       
       </ion-button>
-    </ion-col>
+    </ion-col> -->
   </ion-row>
 </ion-footer>
 </ion-card>
diff --git a/src/app/modals/preview-camera/preview-camera.page.scss b/src/app/modals/preview-camera/preview-camera.page.scss
index de3ee420c..e8333bcdf 100644
--- a/src/app/modals/preview-camera/preview-camera.page.scss
+++ b/src/app/modals/preview-camera/preview-camera.page.scss
@@ -8,14 +8,20 @@ ion-slides {
 
 .redla{
     color: rgb(250, 248, 248);
-    background-color: rgb(255, 187, 0);
+    background-color: rgb(255, 238, 0);
     border-radius: 120px;
     width: 30px;
     height: 30px;
 }
+.blacking{
+    background-color: rgb(168, 41, 41);
+}
 
 .cardconteudo {
-    background: rgba(255,255,255,0.5);
+    background: rgb(8, 8, 8);
+    display: flex;
+    flex-wrap: wrap;
+    
 }
 
 .whiter{
diff --git a/src/app/modals/preview-camera/preview-camera.page.ts b/src/app/modals/preview-camera/preview-camera.page.ts
index 477e5eda0..2766fc583 100644
--- a/src/app/modals/preview-camera/preview-camera.page.ts
+++ b/src/app/modals/preview-camera/preview-camera.page.ts
@@ -80,6 +80,10 @@ async getIconGallery(){
   openChat(){
 
     
+  }
+
+  openChatVideo(){
+
   }
 }
 
diff --git a/src/app/pages/publications/new-publication/new-publication.page.ts b/src/app/pages/publications/new-publication/new-publication.page.ts
index 8fd4fb4de..5fb46c486 100644
--- a/src/app/pages/publications/new-publication/new-publication.page.ts
+++ b/src/app/pages/publications/new-publication/new-publication.page.ts
@@ -108,6 +108,7 @@ export class NewPublicationPage implements OnInit {
       allowEditing: false,
       resultType: CameraResultType.Uri,
       source: CameraSource.Camera // Camera, Photos or Prompt!
+      
     });
 
     if (image) {
@@ -116,12 +117,13 @@ export class NewPublicationPage implements OnInit {
 
   }
 
+
   imageSize(image){
       var canvas = document.createElement('canvas');
       var ctx = canvas.getContext('2d');
-      canvas.width=300
-      canvas.height=234
-      ctx.drawImage(image, 0, 0, 300, 234);
+      canvas.width=100
+      canvas.height=34
+      ctx.drawImage(image, 0, 0, 100, 34);
       document.body.appendChild(canvas);
   }
 
diff --git a/src/app/pages/publications/publications.page.html b/src/app/pages/publications/publications.page.html
index f1c15bcad..6d802fcb7 100644
--- a/src/app/pages/publications/publications.page.html
+++ b/src/app/pages/publications/publications.page.html
@@ -77,7 +77,6 @@
               </ion-item-option>
             </ion-item-options>
           </ion-item-sliding>
-
         <ion-item-sliding disabled="{{showSlidingOptions}}" class="width-100"
           *ngFor="let evento of publicationsEventFolderList">
           <ion-item lines="none"
diff --git a/src/app/pages/publications/view-publications/view-publications.page.scss b/src/app/pages/publications/view-publications/view-publications.page.scss
index e4c1a0dd2..77534f9d2 100644
--- a/src/app/pages/publications/view-publications/view-publications.page.scss
+++ b/src/app/pages/publications/view-publications/view-publications.page.scss
@@ -126,7 +126,7 @@
   }
   .post-img{
       width: 100%;
-      //height: 400px;
+      height: 400px;
       margin: 0 auto;
       border-radius: 0px!important;
       overflow: hidden;
diff --git a/src/global.scss b/src/global.scss
index e59d967e6..58e1c40f2 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -1336,10 +1336,12 @@ ngx-mat-datetime-content{
   .ldio-rpinwye8j0b div { box-sizing: content-box; }
 
   .transparent-modal {
-    --background: #0000005c;
+    --background: #dfb2b2e7;
+        --margin: 0;
+        --padding: 0;
 
     ion-content {
-        --background:#2e2121e7;
+        --background:#caa1a1e7;
       
     }
 }
@@ -1356,6 +1358,6 @@ ngx-mat-datetime-content{
       
     }
     .transparent-modal .modal-wrapper {
-        --background: rgba(44, 39, 45, 0.7);
+        --background: rgba(8, 8, 8, 0.7);
     }
  }
\ No newline at end of file