diff --git a/src/app/products/products.component.html b/src/app/products/products.component.html
index c882070..a17aa06 100644
--- a/src/app/products/products.component.html
+++ b/src/app/products/products.component.html
@@ -4,7 +4,7 @@
     <product-filter [category]="category"></product-filter>
   </div>
   <div class="col">
-    <div class="row">
+    <div class="row" *ngIf="cart$ | async as cart">
         <ng-container *ngFor="let p of filteredProducts; let i = index">
           <div class="col">
             <product-card [product]="p" [shopping-cart]="cart"></product-card>
diff --git a/src/app/products/products.component.ts b/src/app/products/products.component.ts
index f0251e1..5250867 100644
--- a/src/app/products/products.component.ts
+++ b/src/app/products/products.component.ts
@@ -1,11 +1,10 @@
 import { ShoppingCart } from './../models/shopping-cart';
 import { Observable } from 'rxjs/Observable';
-import { Subscription } from 'rxjs/Subscription';
 import { ShoppingCartService } from './../shopping-cart.service';
 import { Product } from './../models/product';
 import { ActivatedRoute } from '@angular/router';
 import { ProductService } from './../product.service';
-import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import 'rxjs/add/operator/switchMap';
 
 @Component({