diff --git a/index.html b/index.html
index ed3b8fb..719e46d 100644
--- a/index.html
+++ b/index.html
@@ -44,20 +44,15 @@
                     <div id="options-menu" class="drink-menu">
                         <h5>Drink Options</h5>
                         <button class="button-blue" data-name="ICED" data-value="">ICED</button>
-
                         <button class="empty-button" data-name="" data-value="">.</button>
-
                         <button class="button-brown" data-name="CAFFEINE" data-value="DECAF">DECAF</button>
                         <button class="button-brown" data-name="CAFFEINE" data-value="HALFCAF">1/2 Caf</button>
-                        
                         <button class="empty-button" data-name="" data-value="">.</button>
 
                         <button class="empty-button" data-name="" data-value="">.</button>
                         <button class="empty-button" data-name="" data-value="">.</button>
-
                         <button class="button-brown" data-name="CAFFEINE" data-value="TWOTHIRDS">2/3 Caf</button>
                         <button class="button-brown" data-name="CAFFEINE" data-value="THREEFOURTHS">3/4 Caf</button>
-                        
                         <button class="empty-button" data-name="" data-value="">.</button>
                         
                         <button class="button-purple" data-name="SHOTCOUNT" data-value="SOLO">SOLO</button>
@@ -247,7 +242,7 @@
                         <button class="empty-button" data-name="" data-value="">.</button>
                         <button class="empty-button" data-name="" data-value="">.</button>
                         
-                        <button class="button-blue" data-name="" data-value=>SWEET ICED TEA</button>
+                        <button class="button-blue" data-name="" data-value="">SWEET ICED TEA</button>
                         <button class="button-yellow" data-name="" data-value="">SWEET TEA LEMONADE</button>
                         <button class="empty-button" data-name="" data-value="">.</button>
                         <button class="empty-button" data-name="" data-value="">.</button>
@@ -263,13 +258,40 @@
                     
                     <div id="syrup-menu" class="drink-menu" style="display: none;">
                         <h5>Syrups</h5>
-                        <button class="button-primary" data-name="SYRUP" data-value="VANILLA">VANILA</button>
-                        <button class="button-primary" data-name="SYRUP" data-value="SFVANILLA">SF VANILLA</button>
-                        <button class="button-primary" data-name="SYRUP" data-value="CARAMEL">CARAMEL</button>
-                        <button class="button-primary" data-name="SYRUP" data-value="TOFFEENUT">TOFFEE NUT</button>
-                        <button class="button-primary" data-name="SYRUP" data-value="HAZELNUT">HAZELNUT</button>
-                        <button class="button-primary" data-name="SYRUP" data-value="WHITEMOCHA">WHITE MOCHA</button>
-                        <button class="button-primary" data-name="SYRUP" data-value="MOCHA">MOCHA</button>
+                        <button class="button-brown" data-name="SYRUP" data-value="Caramel">CARAMEL</button>
+                        <button class="button-brown" data-name="SYRUP" data-value="Cinnamon Dolce">CINN DOLCE</button>
+                        <button class="button-brown" data-name="SYRUP" data-value="Hazelnut">HAZELNUT</button>
+                        <button class="button-brown" data-name="SYRUP" data-value="Toffeenut">TOFFEE NUT</button>
+                        <button class="button-brown" data-name="SYRUP" data-value="Vanilla">VANIlLA</button>
+                        
+                        <button class="button-brown" data-name="SYRUP" data-value="Classic">CLASSIC</button>
+                        <button class="button-brown" data-name="SYRUP" data-value="Peppermint">PEPPERMINT</button>
+                        <button class="button-brown" data-name="SYRUP" data-value="Raspberry">RASPBERRY</button>
+                        <button class="button-brown" data-name="SYRUP" data-value="Peach">PEACH</button>
+                        <button class="button-brown" data-name="SYRUP" data-value="Mango">MANGO</button>
+                        
+                        <button class="button-green" data-name="SYRUP" data-value="Chai">CHAI</button>
+                        <button class="empty-button" data-name="" data-value="">.</button>
+                        <button class="button-green" data-name="SYRUP" data-value="Oparah Chai">OPARAH CHAI</button>
+                        <button class="empty-button" data-name="" data-value="">.</button>
+                        <button class="empty-button" data-name="" data-value="">.</button>
+
+                        <button class="button-grey" data-name="SYRUP" data-value="Sf Caramel">SF CARAMEL</button>
+                        <button class="button-grey" data-name="SYRUP" data-value="Sf Cinnamon Dolce">SF CINN DOLCE</button>
+                        <button class="button-grey" data-name="SYRUP" data-value="Sf Hazelnut">SF HAZELNUT</button>
+                        <button class="button-grey" data-name="SYRUP" data-value="Sf Vanilla">SF VANILLA</button>
+                        <button class="empty-button" data-name="" data-value="">.</button>
+
+                        <button class="button-purple" data-name="SYRUP" data-value="Mocha">MOCHA</button>
+                        <button class="button-purple" data-name="SYRUP" data-value="White Mocha">WHITE MOCHA</button>
+                        <button class="button-purple" data-name="SYRUP" data-value="Sf Mocha">SKINNY MOCHA</button>
+                        <button class="button-purple" data-name="SYRUP" data-value="Caramel Sauce">CARAMEL SAUCE</button>
+                        <button class="button-default" data-name="" data-value="">MORE SEASONAL SYRUP</button>
+                    </div>
+
+                    <div id="other-menu" class="drink-menu" style="display: none;">
+                        <h5>Syrups</h5>
+                        <button class="button-blue" data-name="OTHER" data-value="Ice">ICE</button>
                     </div>
 
                     <div class="drink-maker-tabs">
diff --git a/js/createDrink.js b/js/createDrink.js
index 740072f..fe942ac 100644
--- a/js/createDrink.js
+++ b/js/createDrink.js
@@ -322,6 +322,23 @@ function addSyrup(recipe, syrup, size, qunatity){
     return recipe;
 }
 
+function addOther(recipe, other, size, quantity){
+    let o = {};
+    o.name = other;
+    if(quantity){
+        o.count = quantity;
+    }
+
+    let otherOthers = _.without(recipe.addedOthers, _.findWhere(recipe.addedOthers, {
+        name: other
+    }));
+
+    otherOthers.push(o);
+    recipe.addedOthers = otherOthers;
+
+    return recipe;
+}
+
 function standardPumps(size, mod){
     let modValue;
     if(!mod)