diff --git a/src/WebApp/Components/Pages/Cart/CartPage.razor.css b/src/WebApp/Components/Pages/Cart/CartPage.razor.css
index 3b9c56829..086bbd64a 100644
--- a/src/WebApp/Components/Pages/Cart/CartPage.razor.css
+++ b/src/WebApp/Components/Pages/Cart/CartPage.razor.css
@@ -133,6 +133,22 @@
     margin-left: auto;
 }
 
+/* Price styling for cart page */
+.cart .price {
+    color: #ff99ff;
+    font-weight: 600;
+}
+
+.cart-items .catalog-item-total {
+    color: #ff99ff;
+    font-weight: 600;
+}
+
+.cart-summary-total div:last-child {
+    color: #ff99ff;
+    font-weight: 600;
+}
+
 @media only screen and (max-width: 480px) { 
     .cart {
         padding: 0 1rem;
diff --git a/src/WebApp/Components/Pages/Item/ItemPage.razor.css b/src/WebApp/Components/Pages/Item/ItemPage.razor.css
index c21fa93da..b0a0dbb3b 100644
--- a/src/WebApp/Components/Pages/Item/ItemPage.razor.css
+++ b/src/WebApp/Components/Pages/Item/ItemPage.razor.css
@@ -28,6 +28,7 @@ img {
 .price {
     font-size: 1.6rem;
     font-weight: 600;
+    color: #ff99ff;
 }
 
 .add-to-cart button {
diff --git a/src/WebAppComponents/Catalog/CatalogListItem.razor.css b/src/WebAppComponents/Catalog/CatalogListItem.razor.css
index 6d4e8f368..0a01fc8ab 100644
--- a/src/WebAppComponents/Catalog/CatalogListItem.razor.css
+++ b/src/WebAppComponents/Catalog/CatalogListItem.razor.css
@@ -40,7 +40,7 @@
 }
 
 .catalog-product-content .price {
-    color: #444;
+    color: #ff99ff;
     text-align: right;
     font-size: 1rem;
     font-style: normal;