diff --git a/index.html b/index.html
index e81a5e5..aace5f9 100644
--- a/index.html
+++ b/index.html
@@ -20,10 +20,12 @@
                         <input id="item-name" class="shopping-form-item-input" name="item-name" type="text" />
                     </div>
                     <div class="shopping-form-quantity-wrapper">
-                        <button class="shopping-form-quantity-button shopping-form-decrement" type="button"></button>
+                        <button class="shopping-form-quantity-button shopping-form-decrement-button"
+                            type="button"></button>
                         <input class="shopping-form-quantity-input" name="item-quantity" type="text" value="1"
                             disabled />
-                        <button class="shopping-form-quantity-button shopping-form-increment" type="button"></button>
+                        <button class="shopping-form-quantity-button shopping-form-increment-button"
+                            type="button"></button>
                     </div>
                 </div>
                 <button class="shopping-form-submit-button" type="submit">Add to List</button>
diff --git a/style/form.css b/style/form.css
index da2071d..9426db3 100644
--- a/style/form.css
+++ b/style/form.css
@@ -58,7 +58,7 @@
 }
 
 .shopping-form-quantity-button::before,
-.shopping-form-increment::after {
+.shopping-form-increment-button::after {
   content: "";
   position: absolute;
   width: 16px;
@@ -67,7 +67,7 @@
   background: var(--white);
 }
 
-.shopping-form-increment::after {
+.shopping-form-increment-button::after {
   transform: rotate(90deg);
 }