diff --git a/client/app/components/coordinator/js/ros_scripts.js b/client/app/components/coordinator/js/ros_scripts.js
index c0061da..3eb13ff 100644
--- a/client/app/components/coordinator/js/ros_scripts.js
+++ b/client/app/components/coordinator/js/ros_scripts.js
@@ -383,6 +383,7 @@ playbackStatus.subscribe(function(message) {
       triggerService('/right/aescape/mode/activateReadyController');
       displayTaggingOptions('play');
     } else if (status === "loaded") {
+      enableUI();
       triggerService('/left/aescape/mode/activateReadyController');
       triggerService('/right/aescape/mode/activateReadyController');
       displayMessage(true, "Loaded the selected bag file!")
diff --git a/client/app/components/coordinator/js/update_guis.js b/client/app/components/coordinator/js/update_guis.js
index 48afeb4..2e68af7 100644
--- a/client/app/components/coordinator/js/update_guis.js
+++ b/client/app/components/coordinator/js/update_guis.js
@@ -294,6 +294,7 @@ function hideLoadingOptions(loadBag) {
   console.log(singleArmMode)
   if(loadBag) {
     var selectedBagName = $('#loadBagList').val();
+    disableUI();
     loadSelectedBagFile(selectedBagName, singleArmMode, function(updateError){
       // if(updateError) {
       //   displayMessage(false, "Something went wrong in the backend while fetching the bag files :(")