diff --git a/frontend/src/api.js b/frontend/src/api.js
index e9ab4deb..e0a62160 100644
--- a/frontend/src/api.js
+++ b/frontend/src/api.js
@@ -259,6 +259,8 @@ export default class API {
           canDelete: true
         };
         useChannelsStore.getState().addChannelGroup(processedGroup);
+        // Refresh channel groups to update the UI
+        useChannelsStore.getState().fetchChannelGroups();
       }
 
       return response;