diff --git a/web/src/components/CourseRedactor.vue b/web/src/components/CourseRedactor.vue
index 7a44e3e1..49f3ffc3 100644
--- a/web/src/components/CourseRedactor.vue
+++ b/web/src/components/CourseRedactor.vue
@@ -37,7 +37,8 @@
                 </div>
               </div>
               <div class="info__foot">
-                <div class="info__field field field_info info__field--light">
+                <div class="info__field field field_info info__field--light"
+                     v-bind:class="{ error: ($v.course.category.$dirty || showErrors) && $v.course.category.$invalid }">
                   <div class="field__label field__label_gray">КАТЕГОРИЯ</div>
                   <div class="field__wrap">
                     <lil-select :value.sync="categorySelect" :options="categoryOptions"
@@ -512,7 +513,10 @@
 
             },
             onCoursePublish() {
-                console.log('publish course');
+                this.showErrors = true;
+                if (this.$v.$invalid) {
+                    return;
+                }
                 const publishButton = $('#course-redactor__publish-button');
                 publishButton.attr('disabled', 'disabled');
                 api.publishCourse(this.course.id, this.accessToken)
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index b38bd176..32f259aa 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -1874,6 +1874,12 @@ a.grey-link
   &.selected &__head
     color: $cl  
 
+.error.info__field--light
+  .select
+    &__head
+      color: $pink
+      border-bottom: 1px $pink solid
+
 .info__field--light
   .select
     .select__head