         <div class="sa-review #{ if expandable then 'sa-expandable' else ''}" data-index='#{index}'>
           <div class="sa-review-header">
             <img class="sa-review-avatar" src="#{user.avatar}" alt="avatar of user #{user.username}"/>
-            <div class="sa-review-info">
-              #{stars(review.rating)}
-              #{helpfulVoting(review.helpful_votes_count, review.votes_count)}
-            </div>
-            <div class="sa-authorship-info">
-              <span class="sa-review-author">#{user.username}</span>
-              <span class="sa-review-at">@@translations.partner_sku_reviews.at</span>
-              <span class="sa-review-date">#{review.created_at}</span>
+            <div class="sa-review-info-wrap">
+              <div class="sa-review-info">
+                #{stars(review.rating)}
+                #{helpfulVoting(review.helpful_votes_count, review.votes_count)}
+              </div>
+              <div class="sa-authorship-info">
+                <span class="sa-review-author">#{user.username}</span>
+                <span class="sa-review-date-wrap">
+                  <span class="sa-review-at">@@translations.partner_sku_reviews.at</span>
+                  <span class="sa-review-date">#{review.created_at}</span>
+                </span>
+              </div>
             </div>
           </div>
           <div class="sa-review-main">

    }

    ##{flavor}-product-reviews-extended .sa-review-author {
      max-width: 60%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;

    ##{flavor}-product-reviews-extended .sa-review-sentiment {
      display: block;
      position: relative;
      padding: 3px 0 3px 25px;
    }

    ##{flavor}-product-reviews-extended .sa-review-sentiment:before {
      content: "";
      display: inline-block;
      position: absolute;
      top: 2px;
      left: 0;
      width: 21px;
      height: 21px;
    }

    ##{flavor}-product-reviews-extended .sa-review-sentiment.sa-positive:before {
