diff --git a/client/app/components/coordinator/coordinator.html b/client/app/components/coordinator/coordinator.html
index d6d90dc..48af08e 100644
--- a/client/app/components/coordinator/coordinator.html
+++ b/client/app/components/coordinator/coordinator.html
@@ -302,7 +302,7 @@
                         </div>                        
                     </div>
                     -->
-                    <div class="control-container col-md-6">
+                    <div class="control-container col-md-10 col-md-offset-2">
                         <div class="control-card panel panel-default">
                             <div class="panel-heading">
                                 Teaching Mode Operations
@@ -332,8 +332,8 @@
                                         <select id="teachBagTags" placeholder="Tags"></select>
                                     </div>
                                     <div class="col-md-2">
-                                        <i class="fas fa-check-circle" onclick="hideTaggingOptions('teach', true)"></i>
-                                        <i class="fas fa-times-circle" onclick="hideTaggingOptions('teach', false)"></i>
+                                        <button class="btn btn-primary" onclick="hideTaggingOptions('teach', true)">Tag</button>
+                                        <button class="btn btn-primary" onclick="hideTaggingOptions('teach', false)">Cancel</button>
                                     </div>
                                 </div>
                                 <div id="teachTagError" class="col-md-10 error"></div>
@@ -341,7 +341,7 @@
                             </div>
                         </div>                        
                     </div>
-                        <div class="control-container col-md-6">
+                        <div class="control-container col-md-10">
                             <div class="control-card panel panel-default execution-control">
                                 <div class="panel-heading">
                                     Play Mode Operations
@@ -384,8 +384,8 @@
                                             <select id="playBagTags" placeholder="Tags"></select>
                                         </div>
                                         <div class="col-md-2">
-                                            <i class="fas fa-check-circle" onclick="hideTaggingOptions('play', true)"></i>
-                                            <i class="fas fa-times-circle" onclick="hideTaggingOptions('play', false)"></i>
+                                            <button class="btn btn-primary" onclick="hideTaggingOptions('play', true)">Tag</button>
+                                            <button class="btn btn-primary" onclick="hideTaggingOptions('play', false)">Cancel</button>
                                         </div>
                                     </div>
                                     <div class="slider-options loading-options" id="loadBags">
@@ -400,8 +400,8 @@
                                         </div>
                                         <div class="col-md-2">
                                             <!-- <i class="fas fa-check-circle" onclick="hideLoadingOptions(true)"></i> -->
-                                            <button class="primary" onclick="hideLoadingOptions(true)">Load Bag</button>
-                                            <i class="fas fa-times-circle" onclick="hideLoadingOptions(false)"></i>
+                                            <button class="btn btn-primary" onclick="hideLoadingOptions(true)">Load</button>
+                                            <button class="btn btn-primary" onclick="hideLoadingOptions(false)">Cancel</button>
                                         </div>
                                     </div>
                                     <div id="playTagError" class="col-md-10 error"></div>