diff --git a/com.twin.app.shoptime/src/views/CartPanel/CartEmpty.module.less b/com.twin.app.shoptime/src/views/CartPanel/CartEmpty.module.less
index f63d2942..6f59b66c 100644
--- a/com.twin.app.shoptime/src/views/CartPanel/CartEmpty.module.less
+++ b/com.twin.app.shoptime/src/views/CartPanel/CartEmpty.module.less
@@ -6,7 +6,7 @@
   padding-top: 60px;
 }
 .emptyBox {
-  width: 1320px;
+  width: 1200px;
   height: 288px;
   text-align: center;
   display: flex;
@@ -39,5 +39,6 @@
 }
 .bestSeller {
   margin-top: 70px;
-  width: 1320px;
+  width: 1200px;
+  padding-right:10px;
 }
diff --git a/com.twin.app.shoptime/src/views/CartPanel/CartSidebar.jsx b/com.twin.app.shoptime/src/views/CartPanel/CartSidebar.jsx
index 3ed00e78..60d27462 100644
--- a/com.twin.app.shoptime/src/views/CartPanel/CartSidebar.jsx
+++ b/com.twin.app.shoptime/src/views/CartPanel/CartSidebar.jsx
@@ -341,24 +341,24 @@ const CartSidebar = ({ cartInfo }) => {
       <div className={css.summarySection}>
         <div className={css.header}>
           <div className={css.title}>Subtotal</div>
-          <span className={css.itemCount}>{itemCount} Items</span>
+          <span className={css.itemCount}>{userNumber ? itemCount : 0} Items</span>
         </div>
         <div className={css.borderLine} />
         <div className={css.priceList}>
           <div className={css.priceItem}>
             <span className={css.label}>Subtotal</span>
-            <span className={css.value}>{formatPrice(subtotal)}</span>
+            <span className={css.value}>{userNumber ? formatPrice(subtotal) : 0}</span>
           </div>
           <div className={css.priceItem}>
             <span className={css.label}>Option</span>
             <span className={css.value}>
-              {formatPrice(optionTotal)}              
+              {userNumber ? formatPrice(optionTotal) : 0}
             </span>
           </div>
           <div className={css.priceItem}>
             <span className={css.label}>S&H</span>
             <span className={css.value}>
-              {formatPrice(shippingHandling)}
+              {userNumber ? formatPrice(shippingHandling) : 0}
             </span>
           </div>
         </div>
@@ -369,7 +369,7 @@ const CartSidebar = ({ cartInfo }) => {
             <span className={css.totalLabelSub}>(Before Tax)</span>
           </span>
           <span className={css.totalValue}>
-            {formatPrice(orderTotalBeforeTax)}
+            {userNumber ? formatPrice(orderTotalBeforeTax) : 0}
           </span>
         </div>
       </div>
@@ -391,7 +391,7 @@ const CartSidebar = ({ cartInfo }) => {
           className={css.checkoutButton}
           spotlightId="cart-checkout-button"
           onClick={handleCheckoutClick}
-          disabled={itemsToCalculate.length === 0}
+          disabled={itemsToCalculate.length === 0 || !userNumber}
         >
           Checkout
         </TButton>