diff --git a/imports/plugins/core/checkout/client/components/emptyCartDrawer.js b/imports/plugins/core/checkout/client/components/emptyCartDrawer.js
index 0a6270311c1..ee57c8b3940 100644
--- a/imports/plugins/core/checkout/client/components/emptyCartDrawer.js
+++ b/imports/plugins/core/checkout/client/components/emptyCartDrawer.js
@@ -1,13 +1,18 @@
 import React, { PropTypes } from "react";
+import { Translation } from "/imports/plugins/core/ui/client/components";
+
 
 const EmptyCartDrawer = ({ keepShopping }) => {
   return (
     <div className="cart-drawer" id="cart-drawer">
       <div className="cart-drawer-empty">
         <div className="row cart-drawer-empty-msg">
-          <h1 className="text-align">
-            <i className="fa fa-frown-o fa-lg" /><strong><p data-i18n="cartDrawer.empty">We&#8217re sad. Your cart is empty.</p></strong>
-          </h1>
+          <p className="text-align">
+            <i className="fa fa-frown-o fa-lg" />
+          </p>
+          <p className="text-align">
+            <Translation defaultValue="We're sad. Your cart is empty." i18nKey="cartDrawer.empty"/>
+          </p>
         </div>
         <div className="row">
           <a href="#" className="btn btn-warning btn-lg btn-block" id="btn-keep-shopping" data-i18n="cartDrawer.keepShopping"
diff --git a/imports/plugins/included/default-theme/client/styles/cart/cartDrawer.less b/imports/plugins/included/default-theme/client/styles/cart/cartDrawer.less
index 97f040c6dc8..aed74ee64bc 100644
--- a/imports/plugins/included/default-theme/client/styles/cart/cartDrawer.less
+++ b/imports/plugins/included/default-theme/client/styles/cart/cartDrawer.less
@@ -17,6 +17,7 @@
     height: (@cart-drawer-height - 10);
     color: contrast(@cart-drawer-bg, black, white);
     padding-top: (@cart-drawer-height / 5);
+    font-size: @font-size-h1;
   }
 
   .cart-frown {
@@ -139,4 +140,4 @@ Pagination Styles
 }
 .swiper-active-switch {
   background: #fff;
-}
\ No newline at end of file
+}