diff --git a/src/components/mini-widgets/MiniVideoRecorder.vue b/src/components/mini-widgets/MiniVideoRecorder.vue
index 08664ad62..e77a9ecfa 100644
--- a/src/components/mini-widgets/MiniVideoRecorder.vue
+++ b/src/components/mini-widgets/MiniVideoRecorder.vue
@@ -9,7 +9,11 @@
       @click="toggleRecording()"
     />
     <template v-if="!isRecording">
-      <div v-if="nameSelectedStream" class="flex flex-col max-w-[50%] scroll-container">
+      <div
+        v-if="nameSelectedStream"
+        class="flex flex-col max-w-[50%] scroll-container transition-all border-blur cursor-pointer"
+        @click="isStreamSelectDialogOpen = true"
+      >
         <div class="text-xs text-white select-none scroll-text">{{ nameSelectedStream }}</div>
       </div>
       <FontAwesomeIcon v-else icon="fa-solid fa-video" class="h-6 text-slate-100" />
@@ -233,4 +237,9 @@ watch(isRecording, () => {
     transform: translateX(-200%);
   }
 }
+
+.border-blur:hover {
+  background-color: #475569;
+  box-shadow: 0px 0px 3px 3px #475569;
+}
 </style>