diff --git a/app/assets/javascripts/templates/shop_variant_with_unit_price.html.haml b/app/assets/javascripts/templates/shop_variant_with_unit_price.html.haml
index 3250f032c0..4a3d2d7211 100644
--- a/app/assets/javascripts/templates/shop_variant_with_unit_price.html.haml
+++ b/app/assets/javascripts/templates/shop_variant_with_unit_price.html.haml
@@ -8,7 +8,7 @@
       "price-breakdown-placement" => "bottom",
       "price-breakdown-animation" => true}
     {{ variant.price_with_fees | localizeCurrency }}
-    .variant-unit-price
+    .unit-price.variant-unit-price
       %question-mark-with-tooltip{"question-mark-with-tooltip" => "_",
       "question-mark-with-tooltip-append-to-body" => "true",
       "question-mark-with-tooltip-placement" => "top",
diff --git a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss
index a008b916ad..4ecfd5182d 100644
--- a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss
+++ b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss
@@ -67,8 +67,10 @@
 
         .variant-unit-price {
           color: $grey-700;
-          font-size: 0.9rem;
+          font-size: 0.85rem;
           margin-top: 15px;
+          position: relative;
+          left: -1px;
         }
 
         // Total price
diff --git a/app/assets/stylesheets/darkswarm/cart-dropdown.scss b/app/assets/stylesheets/darkswarm/cart-dropdown.scss
index 8584e3fa44..eeb6681a7f 100644
--- a/app/assets/stylesheets/darkswarm/cart-dropdown.scss
+++ b/app/assets/stylesheets/darkswarm/cart-dropdown.scss
@@ -55,7 +55,6 @@
 
     .unit-price {
       justify-content: flex-end;
-      align-items: baseline;
     }
 
   }
diff --git a/app/assets/stylesheets/darkswarm/question-mark-icon.scss b/app/assets/stylesheets/darkswarm/question-mark-icon.scss
index c8b33a727e..7bee5f2c04 100644
--- a/app/assets/stylesheets/darkswarm/question-mark-icon.scss
+++ b/app/assets/stylesheets/darkswarm/question-mark-icon.scss
@@ -1,12 +1,20 @@
+.unit-price {
+  display: flex;
+  align-items: center;
+}
+
 .question-mark-icon {
   position: relative;
-  top: 6px;
+  right: 1px;
   background-image: image-url("question-mark-icon.svg");
+  background-size: cover;
+  background-repeat: no-repeat;
 
   // Reset button element css attributes
   padding: 0;
   margin: 0;
   width: 20px;
+  min-width: 20px;
   height: 20px;
   background-color: transparent;
 
diff --git a/app/views/shared/menu/_cart_sidebar.html.haml b/app/views/shared/menu/_cart_sidebar.html.haml
index 8a1561903c..6a6c085782 100644
--- a/app/views/shared/menu/_cart_sidebar.html.haml
+++ b/app/views/shared/menu/_cart_sidebar.html.haml
@@ -24,7 +24,7 @@
           %td
             .total-price.text-right {{ line_item.total_price | localizeCurrency }}
             - if feature? :unit_price, spree_current_user
-              .flex.unit-price
+              .unit-price
                 %div{:style => "margin-right: 5px"}
                   %question-mark-with-tooltip{"question-mark-with-tooltip" => "_",
                   "question-mark-with-tooltip-append-to-body" => "true",