From c89f3682cc9a31f855b6b6812675abac552f87ef Mon Sep 17 00:00:00 2001
From: Rodrigo Antinarelli <rodrigoantinarelli@gmail.com>
Date: Mon, 22 Jun 2020 20:14:59 -0300
Subject: [PATCH] styles for image preview box

---
 .../ViewportDownloadForm/ViewportDownloadForm.jsx        | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/platform/ui/src/components/ViewportDownloadForm/ViewportDownloadForm.jsx b/platform/ui/src/components/ViewportDownloadForm/ViewportDownloadForm.jsx
index 6939ae0f7..3f1283441 100644
--- a/platform/ui/src/components/ViewportDownloadForm/ViewportDownloadForm.jsx
+++ b/platform/ui/src/components/ViewportDownloadForm/ViewportDownloadForm.jsx
@@ -388,10 +388,13 @@ const ViewportDownloadForm = ({
         </div>
 
         {viewportPreview.src ? (
-          <div className="preview" data-cy="image-preview">
-            <div className="preview-header">Image preview</div>
+          <div
+            className="p-4 rounded bg-secondary-dark border-secondary-primary"
+            data-cy="image-preview"
+          >
+            <Typography variant="h5">Image preview</Typography>
             <img
-              className="viewport-preview"
+              className="mt-4"
               src={viewportPreview.src}
               alt="Preview"
               data-cy="image-preview"