diff --git a/AdobeStockImageAdminUi/view/adminhtml/web/css/source/_module.less b/AdobeStockImageAdminUi/view/adminhtml/web/css/source/_module.less
index ad1b6e03f046..67a433892281 100644
--- a/AdobeStockImageAdminUi/view/adminhtml/web/css/source/_module.less
+++ b/AdobeStockImageAdminUi/view/adminhtml/web/css/source/_module.less
@@ -40,38 +40,50 @@
     }
 
     .keywords {
-
+      margin: 30px 0;
+      display: inline-block;
+      width: 100%;
       .title {
-        margin-top: 10px;
+        margin-bottom: 30px;
       }
 
       .keyword {
+        display: inline-block;
+        margin-right: 5px;
+        line-height: 40px;
         &.hide {
           display: none;
         }
-
-        display: inline-block;
-        margin: 15px 15px 15px 0;
-
         .value {
           font-size: 15px;
           text-transform: capitalize;
+          border: 1px solid #c6c1bb;
+          padding: 5px;
+          border-radius: 3px;
+          background-color: #f5f5f5;
+          color: #666666;
         }
       }
+      button {
+        margin-left: 10px;
+      }
+    }
+
+    .adobe-stock-tabs {
+      margin-top: 30px;
     }
 
     .adobe-stock-related-images-tab-content {
-      height: 120px;
+      height: auto;
       vertical-align: middle;
       display: inline-block;
       width: 100%;
       .ui-tabs-panel {
-        width: 100%;
-
+        margin-top: 30px;
+        padding: 0;
         .thumbnail {
           display: inline-block;
-          margin: 10px 10px 10px 0;
-          vertical-align: middle;
+          margin-right: 10px;
 
           img {
             max-height: 100px;
diff --git a/AdobeStockImageAdminUi/view/adminhtml/web/template/grid/column/image-preview.html b/AdobeStockImageAdminUi/view/adminhtml/web/template/grid/column/image-preview.html
index c72cdeeaf779..2562d091dcc4 100644
--- a/AdobeStockImageAdminUi/view/adminhtml/web/template/grid/column/image-preview.html
+++ b/AdobeStockImageAdminUi/view/adminhtml/web/template/grid/column/image-preview.html
@@ -55,20 +55,9 @@ <h3 class="title" text="$col.getTitle($row())" if="$col.getTitle($row())"/>
             </div>
             <!-- /ko -->
         </div>
-        <div class="keywords">
-            <div class="title" translate="'Similar Keywords'"></div>
-            <!-- ko foreach: $col.getKeywords($row()) -->
-            <div class="keyword" data-bind="css: { 'hide': $index() >= $col.getKeywordsLimit($row())}">
-                <a href="" class="value" data-bind="click: function(){ $col.searchByKeyWord(name) }">
-                    <span text="name"/>
-                </a>
-            </div>
-            <!-- /ko -->
-            <button data-bind="visible: $col.canViewMoreKeywords($row()), click: function(){ $col.viewAllKeywords($row()) }">
-                <span translate="'View all'"/>
-            </button>
-        </div>
+
         <div id="adobe-stock-tabs"
+             class="adobe-stock-tabs"
              data-bind="mageInit: {
                     'mage/backend/tabs': {
                     active: 'series_content_' + $row().id,
@@ -125,5 +114,18 @@ <h3 class="title" text="$col.getTitle($row())" if="$col.getTitle($row())"/>
                 </div>
             </div>
         </div>
+        <div class="keywords">
+            <div class="title" translate="'Similar Keywords'"></div>
+            <!-- ko foreach: $col.getKeywords($row()) -->
+            <div class="keyword" data-bind="css: { 'hide': $index() >= $col.getKeywordsLimit($row())}">
+                <a href="" class="value" data-bind="click: function(){ $col.searchByKeyWord(name) }">
+                    <span text="name"/>
+                </a>
+            </div>
+            <!-- /ko -->
+            <button data-bind="visible: $col.canViewMoreKeywords($row()), click: function(){ $col.viewAllKeywords($row()) }">
+                <span translate="'View all'"/>
+            </button>
+        </div>
     </div>
 </div>