diff --git a/src/contentScripts/index.ts b/src/contentScripts/index.ts
index a3df6cf8..2b96489d 100644
--- a/src/contentScripts/index.ts
+++ b/src/contentScripts/index.ts
@@ -132,8 +132,8 @@ function injectApp() {
     || /https?:\/\/www.bilibili.com\/v\/.*/.test(currentUrl)
     // anime page
     || /https?:\/\/www.bilibili.com\/anime.*/.test(currentUrl)
-    // tv shows, movie, variety shows page
-    || /https?:\/\/(www.)?bilibili.com\/(tv|movie|variety).*/.test(location.href)
+    // tv shows, movie, variety shows, mooc page
+    || /https?:\/\/(www.)?bilibili.com\/(tv|movie|variety|mooc).*/.test(currentUrl)
   ) {
     if (
       /https?:\/\/bilibili.com\/?$/.test(currentUrl)
diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index 434242a2..f43a0dcb 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -67,8 +67,8 @@ const isTopbarFixed = computed(() => {
     || /https?:\/\/(www.)?bilibili.com\/anime(\/)?.*/.test(location.href)
     // moment page
     || /https?:\/\/t.bilibili.com.*/.test(location.href)
-    // tv shows, movie, variety shows page
-    || /https?:\/\/(www.)?bilibili.com\/(tv|movie|variety).*/.test(location.href)
+    // tv shows, movie, variety shows, mooc page
+    || /https?:\/\/(www.)?bilibili.com\/(tv|movie|variety|mooc).*/.test(location.href)
   )
     return true
   return false
diff --git a/src/styles/adaptedStyles/channelPage.scss b/src/styles/adaptedStyles/channelPage.scss
index 204bf593..6ab0b79b 100644
--- a/src/styles/adaptedStyles/channelPage.scss
+++ b/src/styles/adaptedStyles/channelPage.scss
@@ -30,5 +30,9 @@
     .channel-swiper .channel-carousel-tool .channel-nav-click li {
       background-color: var(--bew-fill-1);
     }
+
+    .channel-container .el-input__inner {
+      box-shadow: 0 0 0 1px var(--bew-border-color) inset;
+    }
   }
 }