diff --git a/src/renderer/components/watch-video-recommendations/watch-video-recommendations.js b/src/renderer/components/watch-video-recommendations/watch-video-recommendations.js
index 6ba790ce49718..568c9a7830d82 100644
--- a/src/renderer/components/watch-video-recommendations/watch-video-recommendations.js
+++ b/src/renderer/components/watch-video-recommendations/watch-video-recommendations.js
@@ -24,9 +24,6 @@ export default defineComponent({
   computed: {
     playNextVideo: function () {
       return this.$store.getters.getPlayNextVideo
-    },
-    hideRecommendedVideos: function () {
-      return this.$store.getters.getHideRecommendedVideos
     }
   },
   methods: {
diff --git a/src/renderer/components/watch-video-recommendations/watch-video-recommendations.vue b/src/renderer/components/watch-video-recommendations/watch-video-recommendations.vue
index 7bd4cf0d7bc96..dea6468448578 100644
--- a/src/renderer/components/watch-video-recommendations/watch-video-recommendations.vue
+++ b/src/renderer/components/watch-video-recommendations/watch-video-recommendations.vue
@@ -1,6 +1,5 @@
 <template>
   <ft-card
-    v-if="!hideRecommendedVideos"
     class="relative watchVideoRecommendations"
   >
     <div class="VideoRecommendationsTopBar">
diff --git a/src/renderer/views/Watch/Watch.vue b/src/renderer/views/Watch/Watch.vue
index a6d805b05b699..df477a2a36900 100644
--- a/src/renderer/views/Watch/Watch.vue
+++ b/src/renderer/views/Watch/Watch.vue
@@ -180,7 +180,7 @@
         @pause-player="pausePlayer"
       />
       <watch-video-recommendations
-        v-if="!isLoading"
+        v-if="!isLoading && !hideRecommendedVideos"
         :show-autoplay="!watchingPlaylist"
         :data="recommendedVideos"
         class="watchVideoSideBar watchVideoRecommendations"