diff --git a/web/build/js/app.js b/web/build/js/app.js
index a0e10f61..cf4960ff 100644
--- a/web/build/js/app.js
+++ b/web/build/js/app.js
@@ -11552,7 +11552,7 @@ var history = (0, _createBrowserHistory2.default)();
         var likedCourseElement = (0, _jquery2.default)(this);
         likedCourseElement.toggleClass('active');
         var courseID = (0, _jquery2.default)(this).attr('data-course-id');
-        var isLiked = (0, _jquery2.default)(this).attr('data-course-liked');
+        var isLiked = (0, _jquery2.default)(this).attr('data-liked');
         var likesCount = parseInt((0, _jquery2.default)(this).attr('data-course-likes-count'));
         isLiked = !isLiked;
         likesCount = isLiked ? likesCount + 1 : likesCount - 1;
@@ -11563,15 +11563,26 @@ var history = (0, _createBrowserHistory2.default)();
         }).done(function (data) {
             if (data.success === true) {
                 (0, _jquery2.default)(this).children('.likes__counter').text(data.likes_count);
+                likedCourseElement.attr('data-course-likes-count', data.likes_count);
+                if (data.is_liked) {
+                    likedCourseElement.addClass('active');
+                    likedCourseElement.attr('data-liked', '1');
+                } else {
+                    likedCourseElement.removeClass('active');
+                    likedCourseElement.attr('data-liked', '0');
+                }
             }
         }).fail(function (xhr) {
             isLiked = !isLiked;
             likesCount = isLiked ? likesCount + 1 : likesCount - 1;
             likedCourseElement.children('.likes__counter').text(likesCount);
+            likedCourseElement.attr('data-course-likes-count', likesCount);
             if (isLiked) {
                 likedCourseElement.addClass('active');
+                likedCourseElement.attr('data-liked', '1');
             } else {
                 likedCourseElement.removeClass('active');
+                likedCourseElement.attr('data-liked', '0');
             }
         });
     });
diff --git a/web/src/js/modules/courses.js b/web/src/js/modules/courses.js
index d11c537f..a78f9764 100644
--- a/web/src/js/modules/courses.js
+++ b/web/src/js/modules/courses.js
@@ -24,7 +24,7 @@ $(document).ready(function () {
         const likedCourseElement = $(this);
         likedCourseElement.toggleClass('active');
         const courseID = $(this).attr('data-course-id');
-        let isLiked = $(this).attr('data-course-liked');
+        let isLiked = $(this).attr('data-liked');
         let likesCount = parseInt($(this).attr('data-course-likes-count'));
         isLiked = !isLiked;
         likesCount = isLiked ? likesCount + 1 : likesCount - 1;
@@ -36,16 +36,27 @@ $(document).ready(function () {
             .done(function (data) {
                 if (data.success === true) {
                     $(this).children('.likes__counter').text(data.likes_count);
+                    likedCourseElement.attr('data-course-likes-count', data.likes_count);
+                    if (data.is_liked) {
+                        likedCourseElement.addClass('active');
+                        likedCourseElement.attr('data-liked', '1');
+                    } else {
+                        likedCourseElement.removeClass('active');
+                        likedCourseElement.attr('data-liked', '0');
+                    }
                 }
             })
             .fail(function (xhr) {
                 isLiked = !isLiked;
                 likesCount = isLiked ? likesCount + 1 : likesCount - 1;
                 likedCourseElement.children('.likes__counter').text(likesCount);
+                likedCourseElement.attr('data-course-likes-count', likesCount);
                 if (isLiked) {
                     likedCourseElement.addClass('active');
+                    likedCourseElement.attr('data-liked', '1');
                 } else {
                     likedCourseElement.removeClass('active');
+                    likedCourseElement.attr('data-liked', '0');
                 }
             });
     })