diff --git a/ShopOnline.Web/Pages/DisplaySpinner.razor.css b/ShopOnline.Web/Pages/DisplaySpinner.razor.css
index f2f4639..76b3162 100644
--- a/ShopOnline.Web/Pages/DisplaySpinner.razor.css
+++ b/ShopOnline.Web/Pages/DisplaySpinner.razor.css
@@ -1,6 +1,7 @@
 .lds-circle {
     display: inline-block;
     transform: translateZ(1px);
+    
 }
 
     .lds-circle > div {
diff --git a/ShopOnline.Web/Pages/ProductDetails.razor b/ShopOnline.Web/Pages/ProductDetails.razor
index 80783d3..c8c4720 100644
--- a/ShopOnline.Web/Pages/ProductDetails.razor
+++ b/ShopOnline.Web/Pages/ProductDetails.razor
@@ -3,7 +3,11 @@
 
 @if(Product == null && ErrorMessage == null)
 {
-    <DisplaySpinner/>
+    <div class="row d-flex justify-content-center">
+        <div class="col-md-1">
+            <DisplaySpinner />
+        </div>
+    </div>
 }
 else if(ErrorMessage != null)
 {
diff --git a/ShopOnline.Web/Pages/Products.razor b/ShopOnline.Web/Pages/Products.razor
index 3acca9c..9e0a5c0 100644
--- a/ShopOnline.Web/Pages/Products.razor
+++ b/ShopOnline.Web/Pages/Products.razor
@@ -4,7 +4,12 @@
 
 @if (Products == null)
 {
-    <DisplaySpinner />
+    <div class="row d-flex justify-content-center">
+        <div class="col-md-1">
+            <DisplaySpinner/>
+        </div>
+    </div>
+
 }
 else
 {
diff --git a/ShopOnline.Web/Pages/ShoppingCart.razor b/ShopOnline.Web/Pages/ShoppingCart.razor
index 417dfa8..8215013 100644
--- a/ShopOnline.Web/Pages/ShoppingCart.razor
+++ b/ShopOnline.Web/Pages/ShoppingCart.razor
@@ -2,7 +2,11 @@
 @inherits ShoppingCartBase
 
 @if(ShoppingCartItems == null && ErrorMessage == null) {
-    <DisplaySpinner></DisplaySpinner>
+    <div class="row d-flex justify-content-center">
+        <div class="col-md-1">
+            <DisplaySpinner />
+        </div>
+    </div>
 }
 else if(ErrorMessage != null) {
     <DisplayError ErrorMessage="@ErrorMessage"></DisplayError>