MAGETWO-86867: [Tech Debt] Revise LESS/CSS classes and icons

Author: irenelagno

app/code/Magento/PageBuilder/view/adminhtml/templates/system/config/enable_field/modal_content_body.phtml

@@ -6,9 +6,7 @@
 
 ?>
 <div class="pagebuilder-modal-content-body">
-    <p><?= $block->escapeHtml(
-            __('This will change your Admin and storefront by:')
-        ) ?></p>
+    <p><?= $block->escapeHtml(__('This will change your Admin and storefront by:')) ?></p>
     <ul>
         <li>
             <strong><?= $block->escapeHtml(__('Removing PageBuilder\'s advanced content tools')) ?></strong>

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/text/default/preview.html

@@ -6,7 +6,7 @@
 -->
 
 <div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-textarea" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
-    <div if="data.main.html()" attr="data.main.attributes" ko-style="data.main.style" css="Object.assign(data.main.css(), {'placeholder-text': !data.main.html()})" html="data.main.html"></div>
-    <div ifnot="data.main.html()" attr="data.main.attributes" ko-style="data.main.style" css="Object.assign(data.main.css(), {'placeholder-text': !data.main.html()})" translate="'Text'"></div>
+    <div class="pagebuilder-text" if="data.main.html()" attr="data.main.attributes" ko-style="data.main.style" css="Object.assign(data.main.css(), {'placeholder-text': !data.main.html()})" html="data.main.html"></div>
+    <div class="pagebuilder-text" ifnot="data.main.html()" attr="data.main.attributes" ko-style="data.main.style" css="Object.assign(data.main.css(), {'placeholder-text': !data.main.html()})" translate="'Text'"></div>
     <render args="getOptions().template" />
 </div>