diff --git a/client/app/components/coordinator/coordinator.html b/client/app/components/coordinator/coordinator.html
index edb774c..1b6aa48 100644
--- a/client/app/components/coordinator/coordinator.html
+++ b/client/app/components/coordinator/coordinator.html
@@ -155,8 +155,7 @@
                         <div class="control-card panel panel-default">
                             <div class="panel-heading">
                                 EEF Configuration
-                                <i class="fas fa-info-circle" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?"></i>
-                                
+                                <i class="fas fa-info-circle" tabindex="0" data-toggle="popover" data-trigger="focus" data-content="This selects the end-effector attached to the left arm."></i>
                             </div>
                             
                             <div class="panel-body text-center">
@@ -180,7 +179,7 @@
                         <div class="control-card-six control-card panel panel-default">
                             <div class="panel-heading">
                                 Operation Mode
-                                <i class="fas fa-info-circle"></i>
+                                <i class="fas fa-info-circle" tabindex="0" data-toggle="popover" data-trigger="focus" data-content="This selects the operation mode of the left arm."></i>
                             </div>
                             <div class="panel-body text-center">
                                 <div class="button-area">
@@ -256,7 +255,7 @@
                         <div class="control-card panel panel-default">
                             <div class="panel-heading">
                                 Teaching Mode Operations
-                                <i class="fas fa-info-circle"></i>
+                                <i class="fas fa-info-circle" tabindex="0" data-toggle="popover" data-trigger="focus" data-content="This helps recoding a new massage!"></i>
                             </div>
                             <div class="panel-body text-center">
                                 <div class="button-area">
@@ -282,7 +281,7 @@
                             <div class="control-card panel panel-default execution-control">
                                 <div class="panel-heading">
                                     Play Mode Operations
-                                    <i class="fas fa-info-circle"></i>
+                                    <i class="fas fa-info-circle" tabindex="0" data-toggle="popover" data-trigger="focus" data-content="This helps selecting and playback of recorded massages!"></i>
                                 </div>
                                 <div class="panel-body text-center">
                                     <div class="button-area">
@@ -468,7 +467,7 @@
                                 <div class="control-card panel panel-default">
                                     <div class="panel-heading">
                                         EEF Configuration
-                                        <i class="fas fa-info-circle"></i>
+                                        <i class="fas fa-info-circle" tabindex="0" data-toggle="popover" data-trigger="focus" data-content="This selects the end-effector attached to the right arm."></i>
                                     </div>
                                     <div class="panel-body text-center">
                                         <div class="button-area">
@@ -491,7 +490,7 @@
                                 <div class="control-card-six control-card panel panel-default">
                                     <div class="panel-heading">
                                         Operation Mode
-                                        <i class="fas fa-info-circle"></i>
+                                        <i class="fas fa-info-circle" tabindex="0" data-toggle="popover" data-trigger="focus" data-content="This selects the operation mode of the right arm."></i>
                                     </div>
                                     <div class="panel-body text-center">
                                         <div class="button-area">
diff --git a/client/app/components/coordinator/js/update_guis.js b/client/app/components/coordinator/js/update_guis.js
index 76035fb..5c1cb17 100644
--- a/client/app/components/coordinator/js/update_guis.js
+++ b/client/app/components/coordinator/js/update_guis.js
@@ -47,6 +47,9 @@ setTimeout(function(){
 
 setTimeout(function(){
   document.querySelector('.hand-panel-right .status-bar').style.height = document.querySelector('.hand-panel-left .status-bar').offsetHeight + 20 + "px";
+  $(function () {
+    $('[data-toggle="popover"]').popover()
+  })
 }, 100);
 
 
diff --git a/client/app/main.css b/client/app/main.css
index d7e6983..1100f02 100644
--- a/client/app/main.css
+++ b/client/app/main.css
@@ -365,8 +365,12 @@ html, body {
         width: 100%;
         height: 200px;
         font-size: 32px;
+        color: white !important;
+    }
+
+    .popover {
+        color: black;
     }
 
 
-
     
\ No newline at end of file