diff --git a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders.component.html b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders.component.html
index deb2eb37f..8140a87d2 100644
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders.component.html
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders.component.html
@@ -1,6 +1,6 @@
 <div class="esh-orders-header">
     <ul class="container">
-        <li class="esh-orders-header-back" routerLink="/catalog">Back to list</li>
+        <li class="esh-orders-back" routerLink="/catalog">Back to list</li>
     </ul>
 </div>
 <div class="container esh-orders-container">
diff --git a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders.component.scss b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders.component.scss
index bb0ab0552..f5bf27eac 100644
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders.component.scss
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders.component.scss
@@ -22,17 +22,17 @@
             color: white;
         }
 
-        &-back {
-            float: left !important;
-            margin-top: 20px !important;
-            text-transform: uppercase;
-        }
-
         li a:hover {
             text-decoration: none;
         }
     }
 
+    &-back {
+        float: left !important;
+        margin-top: 20px !important;
+        text-transform: uppercase;
+    }
+
     &-container {
         min-height: 70vh;
         padding-top: 40px;