diff --git a/front-ui/app/components/cart/addToCart.js b/front-ui/app/components/cart/addToCart.js
index 9745860..660f8d9 100644
--- a/front-ui/app/components/cart/addToCart.js
+++ b/front-ui/app/components/cart/addToCart.js
@@ -19,7 +19,7 @@ var AddToCart = React.createClass({
               <div style={buttonHolderStyle}><button className="btn white_button" onClick={this._onIncreaseClick}>+</button></div>
             </div>
             <div>
-            <div style={buttonHolderStyle}><button className="btn mybutton" onClick={this._addToCartClick}>Dodaj na popis za kupovinu</button></div>
+            <div style={buttonHolderStyle}><button className="btn add-to-cart-button" onClick={this._addToCartClick}>Dodaj na popis za kupovinu</button></div>
             </div>
           </div>
         );
diff --git a/front-ui/app/css/main.css b/front-ui/app/css/main.css
index 475a475..f0658b1 100644
--- a/front-ui/app/css/main.css
+++ b/front-ui/app/css/main.css
@@ -41,9 +41,27 @@ h1 h2 h3 h4 h5{
 }
 
 
-
-
 .mybutton{
+    background-color: #00a8a8;
+    padding: 6px 11px !important;
+    border-radius: 3px;
+    margin-top: 8px;
+    border: solid #06c3c3 1px;
+    color: #ffffff !important;
+}
+
+
+.mybutton:hover  {
+    background-color: #06c3c3 !important;
+    padding: 6px 11px !important;
+    color: black !important;
+    border-radius: 3px;
+    margin-top: 8px;
+    border: solid #06c3c3 1px;
+    color: #ffffff !important;
+}
+
+.add-to-cart-button {
     background-color: #00a8a8;
     padding: 6px 11px !important;
     border-radius: 3px;
@@ -51,8 +69,7 @@ h1 h2 h3 h4 h5{
     color: #ffffff !important;
 }
 
-
-.mybutton:hover  {
+.add-to-cart-button:hover  {
     background-color: #06c3c3 !important;
     padding: 6px 11px !important;
     color: black !important;