Fix some display issue with long description

app/views/admin/products_v3/product_preview.turbo_stream.haml

@@ -106,9 +106,8 @@
 
 
               - if @product.description
-                .product-description
-                  - # TODO description not wrapped properly
-                  %p.text-small{ 'data-controller': "add-blank-to-link" }
+                .product-description{ 'data-controller': "add-blank-to-link" }
+                  %p.text-small
                     - # description is sanitized in Spree::Product#description method
                     = @product.description.html_safe
 

app/webpacker/css/admin_v3/pages/product_preview.scss

@@ -121,6 +121,15 @@
   }
 
   // from foundation-sites/scss/foundations/components/_grid.scss
+  @media only screen and (min-width: 64.0625em) {
+    .column, .columns {
+      position: relative;
+      padding-left: 0.9375rem;
+      padding-right: 0.9375rem;
+      float: left;
+    }
+  }
+
   .column + .column:last-child,
   .column + .columns:last-child,
   .columns + .column:last-child,
@@ -144,6 +153,12 @@
     }
   }
 
+  @media only screen and (min-width: 64.0625em) {
+    .large-6 {
+      width: 50%;
+    }
+  }
+
   // from foundation-sites/scss/foundations/components/_global.scss
   img {
     display: inline-block;
@@ -187,9 +202,14 @@
   .tooltip {
     @include joyride-content;
     width: $joyride-width;
+    text-transform: none;
   }
 
   .arrow {
     background-color: $dynamic-blue;
   }
+
+  .columns {
+    margin-left: 0;
+  }
 }