diff --git a/css/dist/layout/image-widget.css b/css/dist/layout/image-widget.css
index ce659ce..5aeb5fe 100644
--- a/css/dist/layout/image-widget.css
+++ b/css/dist/layout/image-widget.css
@@ -2,6 +2,24 @@
  * @file
  * Extends classy/image-widget.
  */
+.image-preview {
+  float: left;
+  background-image: linear-gradient(45deg, #d8d9e0 25%, transparent 25%), linear-gradient(135deg, #d8d9e0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #d8d9e0 75%), linear-gradient(135deg, transparent 75%, #d8d9e0 75%);
+  background-size: 20px 20px;
+  background-position: 0 0, 10px 0, 10px -10px, 0 10px;
+  margin: 0 10px 10px 0;
+  padding: 0;
+}
+
+[dir="rtl"] .image-preview{
+	float: right;
+	 margin: 0 0px 10px 10px;
+}
+
+.image-preview img {
+  display: block;
+  margin: auto;
+} 
 
 .image-widget-data {
   max-width: 100%;