diff --git a/ShoppingAssistantWebClient.Web/Pages/Cards.razor b/ShoppingAssistantWebClient.Web/Pages/Cards.razor
index 1bc92c2..4bd8442 100644
--- a/ShoppingAssistantWebClient.Web/Pages/Cards.razor
+++ b/ShoppingAssistantWebClient.Web/Pages/Cards.razor
@@ -26,8 +26,8 @@
                                         <img src="@image" class="slider-image" alt="product image"/>
                                     }
                                 }
-                                <img class="next-image" src="/images/next-image.png" alt="next image" @onclick="(() => ShowNextImage(currentImage))"/>
-                                <img class="prev-image" src="/images/prev-image.png" alt="previous image" @onclick="(() => ShowPreviousImage(currentImage))"/>
+                                <img class="next-image" src="/images/next-image.svg" alt="next image" @onclick="(() => ShowNextImage(currentImage))"/>
+                                <img class="prev-image" src="/images/prev-image.svg" alt="previous image" @onclick="(() => ShowPreviousImage(currentImage))"/>
                             } 
                             else 
                             {
@@ -55,15 +55,15 @@
                             }
                             @for(int i = 0; i < 5; i++) {
                                 if(i < whole) {
-                                    <img class="star" src="/images/star-cards.png" alt="star">
+                                    <img class="star" src="/images/star-cards.svg" alt="star">
                                     continue;
                                 }
                                 if(fractal != 0.0) {
-                                    <img class="star" src="/images/half-star.png" alt="star">
+                                    <img class="star" src="/images/half-star.svg" alt="star">
                                     fractal -= fractal;
                                 }
                                 else {
-                                    <img class="star" src="/images/empty-star.png" alt="star">
+                                    <img class="star" src="/images/empty-star.svg" alt="star">
                                 }
                             }
                             <label class="price-label">@Products[currentProduct].Price</label>
@@ -72,9 +72,12 @@
                 </div>
                 <div class="buttons-container">
                     <div class="buttons-row">
-                        <button class="cancel-button button-animation" @onclick="(() => LoadNextProduct())"></button>
+                        @{
+                            string[] type = {"cancel", "like"};
+                        }
+                        <button class="cancel-button button-animation" @onclick="(() => LoadNextProduct(type[0]))"></button>
                         <button class="return-button button-animation" @onclick="(() => LoadPreviousProduct())"></button>
-                        <button class="like-button button-animation" @onclick="(() => LoadNextProduct())"></button>
+                        <button class="like-button button-animation" @onclick="(() => LoadNextProduct(type[1]))"></button>
                     </div>
                 </div>
 
@@ -87,7 +90,7 @@
                 </style>
                 <div class="card-text">
                     <label class="bold-text">The cards ended</label>
-                    <label class="more-text">Click <img class="plus-image" src="/images/load-more-small.png" alt="plus"/> to see more<br> or <img src="/images/return-small.png" alt="return"/> to exit</label>
+                    <label class="more-text">Click <img class="plus-image" src="/images/load-more-small.svg" alt="plus"/> to see more<br> or <img src="/images/return-small.svg" alt="return"/> to exit</label>
                 </div>
                 <div class="buttons-container">
                     <div class="buttons-row">
diff --git a/ShoppingAssistantWebClient.Web/Pages/Cards.razor.cs b/ShoppingAssistantWebClient.Web/Pages/Cards.razor.cs
index c0bf1b9..2a9fd60 100644
--- a/ShoppingAssistantWebClient.Web/Pages/Cards.razor.cs
+++ b/ShoppingAssistantWebClient.Web/Pages/Cards.razor.cs
@@ -23,36 +23,49 @@ public partial class Cards
     private string currentImage {get; set;}
 
     private bool isProductsNull = false;
-
-    //private static string[] Images = {
-    //    "/images/return-card.png",
-    //    "/images/exit.png",
-    //    "/images/avatar.jpg"
-    //};
-
-    //public List<Product> Products = new()
-    //{
-    //    new Product {Id = "0", Url = "some link", Name = "Belkin USB C to VGA + Charge Adapter - USB C to VGA Cable for MacBook", 
-    //                 Description = "The USB C to VGA + Charge Adapter connects to your laptop or tablet via USB-C port, giving you both a VGA port for video display and a USB-C port for power", Rating = 3.8, Price = 120, ImagesUrls = Images, WasOpened = false, WishlistId = "0"},
-    //    new Product {Id = "1", Url = "some link", Name = "Second product", 
-    //                 Description = "Test description", Rating = 4.2, Price = 30, ImagesUrls = Images, WasOpened = false, WishlistId = "0"}
-    //};
     
-    public List<Product> Products {get; set;}
-    //public List<String> productsNames {get; set;}
+    public List<Product> Products {get; set;} = new List<Product>();
+
+    public List<String> ProductsNames {get; set;}
+
+    private List<bool> isProductSaved { get; set; }
 
     protected override async Task OnInitializedAsync()
     {   
-        if (Products != null) {
-            if(Products[currentProduct].ImagesUrls.Length > 0) {
-                currentImage = Products[currentProduct].ImagesUrls[currentIndex];
+        ProductsNames = _searchService.Products;
+
+        if (ProductsNames != null && ProductsNames.Any())
+        {
+        
+            foreach (var productName in ProductsNames)
+            {
+                var newProduct = new Product
+                {   
+                    Id = "",
+                    Url = "link",
+                    Name = productName,
+                    Description = "",
+                    Rating = 0.0,
+                    Price = 0.0,
+                    ImagesUrls = new string[0],
+                    WasOpened = false,
+                    WishlistId = chatId
+                };
+
+                Products.Add(newProduct);
             }
+
+            isProductSaved = new List<bool>(new bool[Products.Count]);
+        }
+
+        if (Products[currentProduct].ImagesUrls.Length > 0) 
+        {
+            currentImage = Products[currentProduct].ImagesUrls[currentIndex];
         }
         else {
-            //productsNames = _searchService.Products;
             currentImage = "";
             isProductsNull = true;
-        } 
+        }
     }
 
     private void ShowNextImage(string image) 
@@ -86,17 +99,72 @@ public partial class Cards
         }
     }
 
-    private async void LoadNextProduct() 
+    private async void LoadNextProduct(string type) 
     {
+        if(type == "like" && isProductSaved[currentProduct] == false) {
+            isProductSaved[currentProduct] = true;
+            await AddProductToCart(Products[currentProduct]);
+        }
         currentProduct += 1;
         StateHasChanged();
     }
 
     private async void LoadPreviousProduct() {
-        currentProduct -= 1;
+        currentProduct = currentProduct == 0 ? 0 : --currentProduct;
         StateHasChanged();
     }
 
+    private async Task AddProductToCart(Product product) {
+        try {
+            var request = new GraphQLRequest {
+                Query = @"mutation AddProductToPersonalWishlist($wishlistId: String!, $url: String!, $name: String!, $description: String!, $rating: Float!, $price: Float!, $imagesUrls: [String!]!, $wasOpened: Boolean!) {
+                        addProductToPersonalWishlist(
+                            wishlistId: $wishlistId
+                            dto: {
+                                url: $url
+                                name: $name
+                                description: $description
+                                rating: $rating
+                                price: $price
+                                imagesUrls: $imagesUrls
+                                wasOpened: $wasOpened
+                            }
+                        ) {
+                            id
+                            url
+                            name
+                            description
+                            rating
+                            price
+                            imagesUrls
+                            wasOpened
+                            wishlistId
+                        }
+                    }",
+                    Variables = new {
+                        wishlistId = product.WishlistId,
+                        url = product.Url,
+                        name = product.Name,
+                        description = product.Description,
+                        rating = product.Rating,
+                        price = product.Price,
+                        imagesUrls = product.ImagesUrls,
+                        wasOpened = product.WasOpened
+                    }
+                };
+
+            Console.WriteLine("Sending GraphQL request: " + request);
+
+            var response = await _apiClient.QueryAsync(request);
+            var responseData = response.Data;
+
+        }
+        catch(Exception ex)
+        {
+            Console.WriteLine($"Error in AddProductToCart: {ex}");
+        }
+    }
+
     private void LoadMoreProducts() {
 
     }
diff --git a/ShoppingAssistantWebClient.Web/Pages/Cart.razor b/ShoppingAssistantWebClient.Web/Pages/Cart.razor
index f0e1fbd..acacd75 100644
--- a/ShoppingAssistantWebClient.Web/Pages/Cart.razor
+++ b/ShoppingAssistantWebClient.Web/Pages/Cart.razor
@@ -21,15 +21,20 @@
             @if (Products.Count > 0) {
                 @foreach (var product in Products) {
                     <div class="product-div">
-                        <img class="product-img" src="@product.ImagesUrls[0]" alt="product image">
-                        <label class="product-description">@product.Description</label>
+                        @if(product.ImagesUrls != null && product.ImagesUrls.Length > 0) {
+                            <img class="product-img" src="@product.ImagesUrls[0]" alt="product image">
+                        }
+                        else {
+                            <img class="product-img" alt="product image">
+                        }
+                        <label class="product-description">@product.Name</label>
                         <div class="button-row">
-                            <img class="star" src="/images/star.png" alt="star">
+                            <img class="star" src="/images/star.svg" alt="star">
                             <label class="rating">@product.Rating</label>
                             <label class="price-label">@product.Price</label>
                         </div>
                         <button class="button-amazon">
-                            <img src="/images/amazon.png" alt="amazon">
+                            <img src="/images/amazon.svg" alt="amazon">
                         </button>
                     </div>
                 }
diff --git a/ShoppingAssistantWebClient.Web/Pages/Cart.razor.css b/ShoppingAssistantWebClient.Web/Pages/Cart.razor.css
index bf3641a..8e3bdd1 100644
--- a/ShoppingAssistantWebClient.Web/Pages/Cart.razor.css
+++ b/ShoppingAssistantWebClient.Web/Pages/Cart.razor.css
@@ -31,7 +31,7 @@
 .back-button {
     width: 15px;
     height: 15px;
-    background-image: url("/images/back-button.png"); 
+    background-image: url("/images/back-button.svg"); 
     background-size: cover; 
     border: none;
     background-color: transparent;
diff --git a/ShoppingAssistantWebClient.Web/Pages/Chat.razor.cs b/ShoppingAssistantWebClient.Web/Pages/Chat.razor.cs
index a5f8eb6..c2a8fc8 100644
--- a/ShoppingAssistantWebClient.Web/Pages/Chat.razor.cs
+++ b/ShoppingAssistantWebClient.Web/Pages/Chat.razor.cs
@@ -164,7 +164,7 @@ public partial class Chat : ComponentBase
             }
 
         }
-            if(Products != null) {
+            if(Products.Any()) {
                 string n = name;
                 _searchServise.SetProducts(Products);
                 Products = null;
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/css/Cards.css b/ShoppingAssistantWebClient.Web/wwwroot/css/Cards.css
index b8564db..bf7549a 100644
--- a/ShoppingAssistantWebClient.Web/wwwroot/css/Cards.css
+++ b/ShoppingAssistantWebClient.Web/wwwroot/css/Cards.css
@@ -55,7 +55,7 @@
 .back-button {
     width: 20px;
     height: 20px;
-    background-image: url("/images/back-button.png"); 
+    background-image: url("/images/back-button.svg"); 
     background-size: cover; 
     border: none;
     background-color: transparent;
@@ -120,7 +120,7 @@
     .cancel-button {
         width: 25px !important;
         height: 25px !important;
-        background-image: url("/images/cancel-button.png"); 
+        background-image: url("/images/cancel-button.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -129,7 +129,7 @@
     .return-button {
         width: 25px !important;
         height: 25px !important;
-        background-image: url("/images/return-card.png"); 
+        background-image: url("/images/return-card.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -138,7 +138,7 @@
     .like-button {
         width: 25px !important;
         height: 25px !important;
-        background-image: url("/images/like-button.png"); 
+        background-image: url("/images/like-button.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -147,7 +147,7 @@
     .exit-button {
         width: 25px !important;
         height: 25px !important;
-        background-image: url("/images/exit.png"); 
+        background-image: url("/images/exit.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -156,7 +156,7 @@
     .more-button {
         width: 25px !important;
         height: 25px !important;
-        background-image: url("/images/load-more.png"); 
+        background-image: url("/images/load-more.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -276,7 +276,7 @@
     .cancel-button {
         width: 25px !important;
         height: 25px !important;
-        background-image: url("/images/cancel-button.png"); 
+        background-image: url("/images/cancel-button.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -285,7 +285,7 @@
     .return-button {
         width: 25px !important;
         height: 25px !important;
-        background-image: url("/images/return-card.png"); 
+        background-image: url("/images/return-card.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -294,7 +294,7 @@
     .like-button {
         width: 25px !important;
         height: 25px !important;
-        background-image: url("/images/like-button.png"); 
+        background-image: url("/images/like-button.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -303,7 +303,7 @@
     .exit-button {
         width: 25px !important;
         height: 25px !important;
-        background-image: url("/images/exit.png"); 
+        background-image: url("/images/exit.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -312,7 +312,7 @@
     .more-button {
         width: 25px !important;
         height: 25px !important;
-        background-image: url("/images/load-more.png"); 
+        background-image: url("/images/load-more.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -353,7 +353,7 @@
     .back-button {
         width: 15px !important;
         height: 15px !important;
-        background-image: url("/images/back-button.png"); 
+        background-image: url("/images/back-button.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -425,7 +425,7 @@
     .cancel-button {
         width: 20px !important;
         height: 20px !important;
-        background-image: url("/images/cancel-button.png"); 
+        background-image: url("/images/cancel-button.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -434,7 +434,7 @@
     .return-button {
         width: 20px !important;
         height: 20px !important;
-        background-image: url("/images/return-card.png"); 
+        background-image: url("/images/return-card.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -443,7 +443,7 @@
     .like-button {
         width: 20px !important;
         height: 20px !important;
-        background-image: url("/images/like-button.png"); 
+        background-image: url("/images/like-button.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -452,7 +452,7 @@
     .exit-button {
         width: 20px !important;
         height: 20px !important;
-        background-image: url("/images/exit.png"); 
+        background-image: url("/images/exit.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -461,7 +461,7 @@
     .more-button {
         width: 20px !important;
         height: 20px !important;
-        background-image: url("/images/load-more.png"); 
+        background-image: url("/images/load-more.svg"); 
         background-size: cover; 
         border: none;
         background-color: transparent;
@@ -662,7 +662,7 @@
 .cancel-button {
     width: 30px;
     height: 30px;
-    background-image: url("/images/cancel-button.png"); 
+    background-image: url("/images/cancel-button.svg"); 
     background-size: cover; 
     border: none;
     background-color: transparent;
@@ -671,7 +671,7 @@
 .return-button {
     width: 30px;
     height: 30px;
-    background-image: url("/images/return-card.png"); 
+    background-image: url("/images/return-card.svg"); 
     background-size: cover; 
     border: none;
     background-color: transparent;
@@ -680,7 +680,7 @@
 .like-button {
     width: 30px;
     height: 30px;
-    background-image: url("/images/like-button.png"); 
+    background-image: url("/images/like-button.svg"); 
     background-size: cover; 
     border: none;
     background-color: transparent;
@@ -689,7 +689,7 @@
 .exit-button {
     width: 30px;
     height: 30px;
-    background-image: url("/images/exit.png"); 
+    background-image: url("/images/exit.svg"); 
     background-size: cover; 
     border: none;
     background-color: transparent;
@@ -698,7 +698,7 @@
 .more-button {
     width: 30px;
     height: 30px;
-    background-image: url("/images/load-more.png"); 
+    background-image: url("/images/load-more.svg"); 
     background-size: cover; 
     border: none;
     background-color: transparent;
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/amazon.png b/ShoppingAssistantWebClient.Web/wwwroot/images/amazon.png
deleted file mode 100644
index 34a951b..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/amazon.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/amazon.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/amazon.svg
new file mode 100644
index 0000000..e1ba179
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/amazon.svg
@@ -0,0 +1,3 @@
+<svg width="39" height="12" viewBox="0 0 39 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.44044 0.0298397C1.84986 0.0998577 1.28943 0.316785 0.915499 0.62011C0.565142 0.904325 0.251349 1.4611 0.210064 1.87189C0.184701 2.12412 0.219505 2.14265 0.85288 2.21376C1.52367 2.28911 1.62568 2.28969 1.68639 2.21838C1.71272 2.18749 1.7603 2.07546 1.79212 1.96947C1.86934 1.7122 2.09496 1.47459 2.34138 1.39105C2.56039 1.31679 2.90719 1.31708 3.08841 1.39166C3.2623 1.46322 3.45601 1.6884 3.50117 1.87154C3.52052 1.94987 3.53632 2.16414 3.53632 2.34766V2.68131L3.02497 2.7378C1.65187 2.88943 1.09659 3.08734 0.592959 3.60467C0.307016 3.89843 0.176143 4.12506 0.071357 4.50794C-0.0168774 4.83047 -0.0244622 5.39322 0.0551816 5.71125C0.297795 6.68039 1.09942 7.17007 2.21447 7.03022C2.75599 6.96233 3.08634 6.80543 3.54409 6.39865L3.80313 6.16846L3.93929 6.37565C4.01418 6.48958 4.16928 6.6758 4.28392 6.7894C4.59192 7.09465 4.61514 7.09051 5.12863 6.63944C5.74208 6.10053 5.7705 6.07088 5.7705 5.9701C5.7705 5.91874 5.72604 5.82139 5.66537 5.73997C5.51945 5.54414 5.41473 5.3672 5.34421 5.19736C5.28873 5.06378 5.28263 4.92625 5.26365 3.38267C5.24106 1.5438 5.23316 1.46148 5.04134 1.06379C4.6794 0.313381 3.61571 -0.109458 2.44044 0.0298397ZM18.2473 0.0314139C17.2934 0.14068 16.5434 0.603699 16.2225 1.2814C16.08 1.58231 15.994 1.90452 16.0298 2.00332C16.0427 2.03891 16.0765 2.08769 16.1048 2.11169C16.1562 2.15521 17.0284 2.27061 17.3262 2.27327C17.4992 2.27481 17.5403 2.2303 17.6204 1.95492C17.7273 1.58761 18.087 1.33879 18.5148 1.33622C18.7959 1.33455 18.9751 1.39693 19.1319 1.55106C19.3058 1.72196 19.3644 1.92431 19.3644 2.35444V2.6796L18.7586 2.75039C17.5885 2.88712 17.0908 3.03965 16.6091 3.40927C16.2762 3.66477 16 4.08979 15.884 4.52544C15.8075 4.81278 15.8071 5.45944 15.8832 5.7408C16.0479 6.34967 16.4123 6.74755 16.994 6.95349C17.2146 7.03157 17.2847 7.04069 17.6651 7.04082C18.4424 7.04108 18.8657 6.87506 19.4011 6.35998L19.6115 6.15754L19.745 6.35998C19.8183 6.4713 19.9762 6.65996 20.0958 6.77919C20.4232 7.10557 20.4197 7.10644 21.0637 6.53721C21.4386 6.20597 21.5853 6.05643 21.5919 5.99923C21.5981 5.94533 21.5355 5.81946 21.3959 5.60513C21.0723 5.10804 21.0876 5.21673 21.0641 3.2542C21.046 1.74718 21.0372 1.53166 20.9877 1.37528C20.8899 1.06656 20.7493 0.837392 20.5253 0.621718C20.1768 0.286145 19.7285 0.10339 19.0698 0.0284263C18.7306 -0.0101799 18.6066 -0.00972972 18.2473 0.0314139ZM9.48364 0.0949115C9.02454 0.171739 8.6035 0.501306 8.35872 0.975437L8.2269 1.23074L8.22593 0.792683C8.22451 0.163485 8.27684 0.202958 7.44434 0.202958C6.83919 0.202958 6.77852 0.208066 6.71782 0.264144L6.65158 0.325329V3.58036C6.65158 6.79258 6.6524 6.83623 6.71452 6.89963C6.77361 6.95995 6.8194 6.96387 7.46624 6.96387C8.09744 6.96387 8.16126 6.95873 8.22932 6.90249L8.30362 6.84111L8.32086 4.63012C8.33401 2.94435 8.34783 2.38861 8.37898 2.29065C8.45236 2.05998 8.57723 1.86145 8.70643 1.77008C8.81326 1.6945 8.87179 1.6786 9.07875 1.66903C9.46218 1.65124 9.63569 1.7606 9.7846 2.114C9.84243 2.25118 9.8463 2.37502 9.86125 4.54982L9.87698 6.84111L9.95128 6.90249C10.0193 6.9587 10.0831 6.96387 10.7084 6.96387C11.3425 6.96387 11.396 6.95937 11.4573 6.90108C11.5228 6.83877 11.5235 6.82129 11.5375 4.69294C11.5528 2.37522 11.5553 2.34092 11.7256 2.04504C11.9027 1.73741 12.2757 1.59538 12.6373 1.69787C12.798 1.74342 12.942 1.87523 13.0206 2.0487C13.0853 2.19121 13.087 2.24327 13.1024 4.5177L13.1181 6.84111L13.1924 6.90249C13.2603 6.9586 13.324 6.96387 13.9355 6.96387C14.5645 6.96387 14.6093 6.95992 14.6872 6.89729L14.7702 6.83074L14.7696 4.22343C14.769 1.3686 14.7693 1.37367 14.5828 0.966925C14.3256 0.405882 13.613 0.0172174 12.9417 0.0718186C12.2682 0.12658 11.7716 0.459069 11.481 1.04969L11.3963 1.22198L11.339 1.09148C11.2467 0.88104 11.0403 0.59114 10.8777 0.443524C10.5298 0.127769 10.0317 0.00318152 9.48364 0.0949115ZM29.9689 0.0937235C28.9791 0.247506 28.2402 0.939624 27.8804 2.04976C27.7184 2.55001 27.6625 2.93783 27.6629 3.55932C27.6632 4.13842 27.7113 4.51529 27.8449 4.98576C28.0846 5.82999 28.5796 6.48845 29.2199 6.81487C29.5972 7.00716 29.8071 7.06164 30.2539 7.08316C30.6483 7.10214 30.9941 7.051 31.298 6.92873C32.2218 6.55706 32.8891 5.6061 33.0876 4.37834C33.1484 4.00175 33.1397 3.13331 33.071 2.74031C32.8631 1.54974 32.2948 0.68364 31.4683 0.297417C31.0717 0.112062 30.4203 0.0235771 29.9689 0.0937235ZM37.0018 0.0787249C36.398 0.173988 35.988 0.513509 35.6939 1.16195L35.6044 1.35922L35.603 0.842274C35.6011 0.159021 35.6532 0.206137 34.8847 0.192872C34.2481 0.18192 34.1831 0.189373 34.0903 0.284058C34.0293 0.346367 34.0282 0.404179 34.0282 3.57683V6.8062L34.1054 6.88502C34.1826 6.96384 34.1829 6.96387 34.8571 6.96387C35.4742 6.96387 35.5379 6.95863 35.6059 6.90249L35.6802 6.84114L35.6974 4.77465C35.7139 2.78935 35.7172 2.69852 35.782 2.46187C35.873 2.12925 35.9503 1.98479 36.1176 1.8345C36.3257 1.64745 36.548 1.59314 36.806 1.66627C37.068 1.74056 37.2405 2.00538 37.2999 2.42452C37.3178 2.55084 37.3313 3.53231 37.3316 4.73733L37.3322 6.83074L37.4151 6.89729C37.4931 6.95989 37.5379 6.96387 38.1661 6.96387C38.7943 6.96387 38.8391 6.95989 38.9171 6.89729L39 6.83074V4.48716C39 3.07546 38.9869 2.01957 38.9671 1.83171C38.9304 1.48403 38.8406 1.11027 38.7509 0.931306C38.5737 0.577747 38.2165 0.272205 37.8425 0.154298C37.6389 0.0900937 37.1871 0.0494972 37.0018 0.0787249ZM22.6055 0.251135C22.5474 0.310426 22.5426 0.358185 22.5426 0.872464C22.5426 1.39789 22.5464 1.43303 22.6088 1.49074C22.6703 1.54766 22.7494 1.55305 23.7418 1.56799L24.8087 1.58405L23.6151 3.329C22.9586 4.28876 22.3982 5.13344 22.3698 5.20609C22.3012 5.38101 22.2649 6.3991 22.3199 6.60395C22.3796 6.82614 22.4497 6.83751 22.8004 6.682C23.316 6.45328 23.6905 6.3506 24.2418 6.28675C24.9889 6.20026 25.9335 6.36178 26.607 6.69122C26.733 6.75285 26.8523 6.80328 26.8721 6.80328C26.8919 6.80328 26.9454 6.77331 26.991 6.73669L27.0739 6.67015V6.06468V5.45922L26.991 5.35872C26.7539 5.07104 25.871 4.7971 25.04 4.75339L24.6267 4.73164L25.7323 3.11991C26.3404 2.23345 26.8662 1.4602 26.9008 1.40158C26.9565 1.30731 26.9637 1.23804 26.9637 0.802383C26.9637 0.323435 26.9617 0.308082 26.8895 0.248342C26.818 0.189212 26.7368 0.186899 24.7418 0.186899C22.7104 0.186899 22.6672 0.188184 22.6055 0.251135ZM30.6769 1.41077C30.8748 1.46604 31.0828 1.70677 31.1637 1.97403C31.2986 2.41957 31.333 2.75534 31.3331 3.62356C31.3332 4.33967 31.3248 4.48273 31.2659 4.76216C31.1172 5.4677 30.8407 5.77549 30.3556 5.77549C29.952 5.77549 29.6802 5.43873 29.5411 4.76633C29.3838 4.00522 29.4273 2.51008 29.6222 1.9782C29.802 1.48785 30.1952 1.27629 30.6769 1.41077ZM3.53632 4.11548C3.53632 4.35072 3.52084 4.62861 3.50196 4.73299C3.42524 5.15654 3.17278 5.53936 2.86103 5.70486C2.73752 5.77042 2.65722 5.78904 2.4979 5.78911C2.00987 5.78927 1.74507 5.43031 1.78069 4.81685C1.79803 4.51764 1.88501 4.30148 2.06248 4.11642C2.30031 3.86843 2.80615 3.69769 3.32391 3.69069L3.53632 3.6878V4.11548ZM19.3639 4.11337C19.363 4.77552 19.2601 5.14584 18.9898 5.45929C18.5881 5.9251 17.9386 5.90101 17.6901 5.41104C17.6068 5.24682 17.5757 4.79334 17.632 4.56341C17.7645 4.02228 18.3136 3.70742 19.152 3.69175L19.3644 3.6878L19.3639 4.11337ZM23.946 7.30358C23.4143 7.38799 22.9465 7.55195 22.5679 7.78667C22.3616 7.91463 22.2759 8.02159 22.305 8.11509C22.3334 8.20624 22.4066 8.2142 22.7846 8.16715C23.9219 8.02557 24.7098 8.04446 25.05 8.22143C25.2003 8.2996 25.2334 8.62634 25.1387 9.09469C25.0795 9.38678 24.8304 10.1616 24.6524 10.6066C24.4732 11.0547 24.486 11.1791 24.706 11.1248C24.8256 11.0953 25.2019 10.6912 25.4168 10.3614C25.7343 9.87453 26.0013 9.19596 26.1174 8.5809C26.1831 8.23325 26.1922 7.68586 26.134 7.5791C26.0759 7.47243 25.8146 7.36046 25.4885 7.30256C25.1414 7.24092 24.3376 7.24147 23.946 7.30358ZM5.52505 7.70901C5.45982 7.77559 5.48229 7.91348 5.57383 8.00836C5.7132 8.15283 6.39148 8.72411 6.69878 8.95588C9.09392 10.7623 11.8704 11.7845 14.896 11.9737C17.991 12.1672 21.4196 11.2824 23.7698 9.68371C24.2322 9.36918 24.2738 9.33571 24.3235 9.23785C24.3872 9.11274 24.3784 9.03733 24.2871 8.92665C24.1455 8.75485 24.0671 8.76275 23.4364 9.01221C21.0853 9.94227 18.8642 10.4009 16.4537 10.454C12.845 10.5336 9.28191 9.64793 6.146 7.89193C5.75344 7.67211 5.60426 7.62817 5.52505 7.70901Z" fill="white"/>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/back-button.png b/ShoppingAssistantWebClient.Web/wwwroot/images/back-button.png
deleted file mode 100644
index 54a32f4..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/back-button.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/back-button.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/back-button.svg
new file mode 100644
index 0000000..d6d7b77
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/back-button.svg
@@ -0,0 +1,3 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.98125 3.7063L2.1875 7.50005L5.98125 11.2938M12.8125 7.50005H2.29375" stroke="#4E4E4E" stroke-opacity="0.4" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/cancel-button.png b/ShoppingAssistantWebClient.Web/wwwroot/images/cancel-button.png
deleted file mode 100644
index 4e6d248..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/cancel-button.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/cancel-button.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/cancel-button.svg
new file mode 100644
index 0000000..c3c8c94
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/cancel-button.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.1212 18.1293C19.3279 18.336 19.4441 18.6164 19.4441 18.9088C19.4441 19.2012 19.3279 19.4816 19.1212 19.6884C18.9144 19.8951 18.634 20.0113 18.3416 20.0113C18.0492 20.0113 17.7688 19.8951 17.562 19.6884L11.7392 13.8637L5.9145 19.6865C5.70774 19.8933 5.42733 20.0094 5.13494 20.0094C4.84254 20.0094 4.56213 19.8933 4.35538 19.6865C4.14862 19.4798 4.03247 19.1994 4.03247 18.907C4.03247 18.6146 4.14862 18.3342 4.35538 18.1274L10.1801 12.3046L4.35721 6.47987C4.15046 6.27311 4.03431 5.9927 4.03431 5.70031C4.03431 5.40791 4.15046 5.1275 4.35721 4.92075C4.56396 4.71399 4.84438 4.59784 5.13677 4.59784C5.42916 4.59784 5.70958 4.71399 5.91633 4.92075L11.7392 10.7454L17.5639 4.91983C17.7706 4.71308 18.051 4.59692 18.3434 4.59692C18.6358 4.59692 18.9162 4.71308 19.123 4.91983C19.3298 5.12658 19.4459 5.407 19.4459 5.69939C19.4459 5.99178 19.3298 6.2722 19.123 6.47895L13.2983 12.3046L19.1212 18.1293Z" fill="#0165FF"/>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/empty-star.png b/ShoppingAssistantWebClient.Web/wwwroot/images/empty-star.png
deleted file mode 100644
index c865c5c..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/empty-star.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/empty-star.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/empty-star.svg
new file mode 100644
index 0000000..e2c08e8
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/empty-star.svg
@@ -0,0 +1,10 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_214_2998)">
+<path d="M8.15378 1.91065L9.11185 3.82679C9.2425 4.09353 9.59088 4.34937 9.88484 4.39837L11.6213 4.68688C12.7318 4.87196 12.9931 5.67761 12.1929 6.47237L10.8429 7.82238C10.6143 8.05101 10.4891 8.49194 10.5598 8.80766L10.9463 10.4788C11.2512 11.8016 10.549 12.3133 9.37858 11.622L7.75095 10.6585C7.457 10.4843 6.97252 10.4843 6.67313 10.6585L5.0455 11.622C3.88057 12.3133 3.17291 11.7962 3.47775 10.4788L3.86424 8.80766C3.93501 8.49194 3.8098 8.05101 3.58117 7.82238L2.23117 6.47237C1.4364 5.67761 1.69225 4.87196 2.80274 4.68688L4.53924 4.39837C4.82775 4.34937 5.17614 4.09353 5.30679 3.82679L6.26486 1.91065C6.78744 0.870929 7.63664 0.870929 8.15378 1.91065Z" stroke="#FFC700" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_214_2998">
+<rect width="13.0646" height="13.0646" fill="white" transform="translate(0.679688)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/exit.png b/ShoppingAssistantWebClient.Web/wwwroot/images/exit.png
deleted file mode 100644
index 1044cb8..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/exit.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/exit.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/exit.svg
new file mode 100644
index 0000000..7f64e76
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/exit.svg
@@ -0,0 +1,3 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 18.75L18.75 15M18.75 15L15 11.25M18.75 15H5M5 9.06V9C5 7.6 5 6.9 5.2725 6.365C5.5125 5.89375 5.89375 5.5125 6.365 5.2725C6.9 5 7.6 5 9 5H21C22.4 5 23.1 5 23.6337 5.2725C24.105 5.5125 24.4875 5.89375 24.7275 6.365C25 6.89875 25 7.59875 25 8.99625V21.005C25 22.4025 25 23.1013 24.7275 23.635C24.4874 24.1055 24.1045 24.4879 23.6337 24.7275C23.1 25 22.4012 25 21.0037 25H8.99625C7.59875 25 6.89875 25 6.365 24.7275C5.89462 24.4878 5.51218 24.1054 5.2725 23.635C5 23.1 5 22.4 5 21V20.9375" stroke="#0165FF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/half-star.png b/ShoppingAssistantWebClient.Web/wwwroot/images/half-star.png
deleted file mode 100644
index 26febb3..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/half-star.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/half-star.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/half-star.svg
new file mode 100644
index 0000000..a22bcee
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/half-star.svg
@@ -0,0 +1,9 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.47409 1.91065L8.43216 3.82679C8.56281 4.09353 8.9112 4.34937 9.20515 4.39837L10.9417 4.68688C12.0521 4.87196 12.3134 5.67761 11.5132 6.47237L10.1632 7.82238C9.93459 8.05101 9.80939 8.49194 9.88015 8.80766L10.2666 10.4788C10.5715 11.8016 9.86927 12.3133 8.6989 11.622L7.07127 10.6585C6.77731 10.4843 6.29284 10.4843 5.99344 10.6585L4.36581 11.622C3.20088 12.3133 2.49322 11.7962 2.79806 10.4788L3.18455 8.80766C3.25532 8.49194 3.13012 8.05101 2.90149 7.82238L1.55148 6.47237C0.756716 5.67761 1.01256 4.87196 2.12305 4.68688L3.85956 4.39837C4.14807 4.34937 4.49645 4.09353 4.6271 3.82679L5.58517 1.91065C6.10775 0.870929 6.95695 0.870929 7.47409 1.91065Z" fill="url(#paint0_linear_554_62)" stroke="#FFC700" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_554_62" x1="1" y1="6" x2="12" y2="6" gradientUnits="userSpaceOnUse">
+<stop offset="0.53125" stop-color="#FFC700"/>
+<stop offset="0.557292" stop-color="#FFC700" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/like-button.png b/ShoppingAssistantWebClient.Web/wwwroot/images/like-button.png
deleted file mode 100644
index 313e152..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/like-button.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/like-button.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/like-button.svg
new file mode 100644
index 0000000..3782ac4
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/like-button.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_214_3002)">
+<path d="M12.4332 20.9231C12.1006 21.0405 11.5528 21.0405 11.2201 20.9231C8.38315 19.9546 2.04395 15.9143 2.04395 9.06644C2.04395 6.04358 4.47984 3.5979 7.48314 3.5979C9.26359 3.5979 10.8386 4.45878 11.8267 5.78923C12.3293 5.11019 12.9839 4.5583 13.7382 4.17776C14.4925 3.79723 15.3254 3.59864 16.1702 3.5979C19.1735 3.5979 21.6094 6.04358 21.6094 9.06644C21.6094 15.9143 15.2702 19.9546 12.4332 20.9231Z" stroke="#009FFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_214_3002">
+<rect width="23.4785" height="23.4785" fill="white" transform="translate(0.0874023 0.565186)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/load-more-small.png b/ShoppingAssistantWebClient.Web/wwwroot/images/load-more-small.png
deleted file mode 100644
index 3b53979..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/load-more-small.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/load-more-small.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/load-more-small.svg
new file mode 100644
index 0000000..ebab4bb
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/load-more-small.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 6.33333H11.5333M6.76667 10.6667V2" stroke="#009FFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/load-more.png b/ShoppingAssistantWebClient.Web/wwwroot/images/load-more.png
deleted file mode 100644
index 3040205..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/load-more.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/load-more.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/load-more.svg
new file mode 100644
index 0000000..27cb73a
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/load-more.svg
@@ -0,0 +1,3 @@
+<svg width="26" height="24" viewBox="0 0 26 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 12H24M13 22V2" stroke="#009FFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/next-image.png b/ShoppingAssistantWebClient.Web/wwwroot/images/next-image.png
deleted file mode 100644
index 8e1d219..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/next-image.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/next-image.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/next-image.svg
new file mode 100644
index 0000000..5b8319a
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/next-image.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.848506 0.5L6.99851 6.65C7.04634 6.69489 7.08446 6.74911 7.11052 6.80931C7.13658 6.8695 7.15002 6.9344 7.15002 7C7.15002 7.0656 7.13658 7.1305 7.11052 7.19069C7.08446 7.25089 7.04634 7.30511 6.99851 7.35L0.848506 13.5" stroke="#969696" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/prev-image.png b/ShoppingAssistantWebClient.Web/wwwroot/images/prev-image.png
deleted file mode 100644
index c89fce9..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/prev-image.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/prev-image.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/prev-image.svg
new file mode 100644
index 0000000..e40cac0
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/prev-image.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.15003 0.5L1.00003 6.65C0.952199 6.69489 0.914076 6.74911 0.888016 6.80931C0.861956 6.8695 0.848511 6.9344 0.848511 7C0.848511 7.0656 0.861956 7.1305 0.888016 7.19069C0.914076 7.25089 0.952199 7.30511 1.00003 7.35L7.15003 13.5" stroke="#969696" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/return-card.png b/ShoppingAssistantWebClient.Web/wwwroot/images/return-card.png
deleted file mode 100644
index b853bf6..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/return-card.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/return-card.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/return-card.svg
new file mode 100644
index 0000000..46ad245
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/return-card.svg
@@ -0,0 +1,4 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.1008 25.9391H21.4342C25.3442 25.9391 28.5175 22.7658 28.5175 18.8558C28.5175 14.9458 25.3442 11.7725 21.4342 11.7725H5.85083" stroke="#202124" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.10909 15.3141L5.48242 11.6875L9.10909 8.06079" stroke="#202124" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/return-small.png b/ShoppingAssistantWebClient.Web/wwwroot/images/return-small.png
deleted file mode 100644
index 60144a4..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/return-small.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/return-small.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/return-small.svg
new file mode 100644
index 0000000..c478314
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/return-small.svg
@@ -0,0 +1,9 @@
+<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="15" height="14" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_214_3075" transform="matrix(0.0166667 0 0 0.0178571 0 -0.0357143)"/>
+</pattern>
+<image id="image0_214_3075" width="60" height="60" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMNSURBVHgB7ZpbbhoxFIZ/c0keqkp0BZ0dBFZQsgKyg04VkPKWdAWhKyh9qFSpjUp30K6g7QpCdjBdQXjoGy2n5wxNAoyxBxjsIfInDYyMDfxj+1xsA4FAIBAIlAaFdYmpgRpegNDg1hF8QBijghEmuMFQjddpml+wCK3iraogRomgKYb81seV+pWnfj7BMUWo4ztXjlBCCEgwRTuPaLvgkou9IxU9Qcs2xCuwUcVl2cUK6X/kKZejngGet6qO20w5Gw2l8HVK/FQ9wL/d5De5ouXPaIJnpl6uwUQdR5rShA7Rpvf5jMQuIHk5o0j9wTV3WWPhQ/EgwLdVbW1Duqn5sRE8ir3ng0qIR1mmnJYewBJmwbrGxILLgm5KWWIDu9F6ZATBCyiMc5XtEWbBVbZ2NCdQ7g80hmKPMAsWS1hDi63hIL0O2Wpva6F7dI4u3f6/LuGYmrUGi+bX1yiCLnU40hnMhTt96rKj+6TewBGujVbGr3PU1HfZ024FK/zQFjsU7VbwR/WTiMVpcCXavR/m+epTtJ/Aw6Nou5WeLe28zGQlxZBAk+KJ6F1Zb7Ngj6sdqegejXnev0OBmId0HR2fqx1qxbDfhpA8LDDBF8DPMo5AEpUVjHkO89oQndEx/qJjW0nYCIV41ZRJrbhzoyXMYulCDUcKux7XYgU/c1jEKr1B2qVYwb1gj2IFt4IlPfQoVvCeHgquxAre00OXYoU8sXTEtc7Te2K/eLXFEo+kh13qs3W+SL9OpWKL9wAG7LF0DdfqIXGI6ZSaW4mWTAlw1qPL2GPp+SxJ7is4wR6zyVbLLtJEZ4Tk4bFjFjxF1jj5OrmjQ2n8umUryCy4kt3956T8BKf0HL4RD6ILZAg3pmYbHXmgWY488rZXLKOMH7zSrLPZjjzYT/H06DNXirEHcEcMObh5ZapjN1qTdF8pQflJeGezb6tkFyyrHlUco9yiEzpAO8/OZj63JNumLDodMiVD/hM9QSvvNq59Di9zwQvzv9k6Khx5i7rEXYr7ecrZ12C9w6WBQCAQCJSIf2m1DAUzZKtKAAAAAElFTkSuQmCC"/>
+</defs>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/star-cards.png b/ShoppingAssistantWebClient.Web/wwwroot/images/star-cards.png
deleted file mode 100644
index d94f609..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/star-cards.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/star-cards.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/star-cards.svg
new file mode 100644
index 0000000..23d6b92
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/star-cards.svg
@@ -0,0 +1,10 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_214_2996)">
+<path d="M7.65109 1.91065L8.60916 3.82679C8.73981 4.09353 9.0882 4.34937 9.38215 4.39837L11.1187 4.68688C12.2291 4.87196 12.4904 5.67761 11.6902 6.47237L10.3402 7.82238C10.1116 8.05101 9.98639 8.49194 10.0572 8.80766L10.4436 10.4788C10.7485 11.8016 10.0463 12.3133 8.8759 11.622L7.24827 10.6585C6.95432 10.4843 6.46984 10.4843 6.17044 10.6585L4.54281 11.622C3.37788 12.3133 2.67022 11.7962 2.97506 10.4788L3.36155 8.80766C3.43232 8.49194 3.30712 8.05101 3.07849 7.82238L1.72848 6.47237C0.933718 5.67761 1.18957 4.87196 2.30006 4.68688L4.03656 4.39837C4.32507 4.34937 4.67346 4.09353 4.8041 3.82679L5.76217 1.91065C6.28476 0.870929 7.13395 0.870929 7.65109 1.91065Z" fill="#FFC700" stroke="#FFC700" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_214_2996">
+<rect width="13.0646" height="13.0646" fill="white" transform="translate(0.177002)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/star.png b/ShoppingAssistantWebClient.Web/wwwroot/images/star.png
deleted file mode 100644
index 248a5fa..0000000
Binary files a/ShoppingAssistantWebClient.Web/wwwroot/images/star.png and /dev/null differ
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/star.svg b/ShoppingAssistantWebClient.Web/wwwroot/images/star.svg
new file mode 100644
index 0000000..99a4a61
--- /dev/null
+++ b/ShoppingAssistantWebClient.Web/wwwroot/images/star.svg
@@ -0,0 +1,10 @@
+<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_204_862)">
+<path d="M5.14878 1.31624L5.80878 2.63624C5.89878 2.81999 6.13878 2.99624 6.34128 3.02999L7.53753 3.22874C8.30253 3.35624 8.48253 3.91124 7.93128 4.45874L7.00128 5.38874C6.84378 5.54624 6.75753 5.84999 6.80628 6.06749L7.07253 7.21874C7.28253 8.12999 6.79878 8.48249 5.99253 8.00624L4.87128 7.34249C4.66878 7.22249 4.33503 7.22249 4.12878 7.34249L3.00753 8.00624C2.20503 8.48249 1.71753 8.12624 1.92753 7.21874L2.19378 6.06749C2.24253 5.84999 2.15628 5.54624 1.99878 5.38874L1.06878 4.45874C0.521277 3.91124 0.697527 3.35624 1.46253 3.22874L2.65878 3.02999C2.85753 2.99624 3.09753 2.81999 3.18753 2.63624L3.84753 1.31624C4.20753 0.59999 4.79253 0.59999 5.14878 1.31624Z" fill="#FFC700" stroke="#FFC700" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_204_862">
+<rect width="9" height="9" fill="white"/>
+</clipPath>
+</defs>
+</svg>