diff --git a/src/components/mini-widgets/MiniVideoRecorder.vue b/src/components/mini-widgets/MiniVideoRecorder.vue
index adb60c8b7..68dd2826a 100644
--- a/src/components/mini-widgets/MiniVideoRecorder.vue
+++ b/src/components/mini-widgets/MiniVideoRecorder.vue
@@ -9,7 +9,14 @@
       @click="toggleRecording()"
     />
     <template v-if="!isRecording">
-      <FontAwesomeIcon icon="fa-solid fa-video" class="h-6 text-slate-100" />
+      <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" />
     </template>
     <div v-else class="w-16 text-justify text-slate-100">
       {{ timePassedString }}
@@ -104,6 +111,12 @@ const toggleRecording = async (): Promise<void> => {
     }
     return
   }
+  // If there's a stream selected already, try to use it without requiring further user interaction
+  if (nameSelectedStream.value !== undefined) {
+    updateCurrentStream(nameSelectedStream.value)
+    startRecording()
+    return
+  }
   // Open dialog so user can choose the stream which will be recorded
   isStreamSelectDialogOpen.value = true
 }
@@ -204,4 +217,24 @@ watch(isRecording, () => {
     box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
   }
 }
+
+.scroll-container {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.scroll-text {
+  transform: translateX(0%);
+  transition: transform 1s linear;
+}
+
+.scroll-text:hover {
+  transform: translateX(-100%);
+}
+
+.border-blur:hover {
+  background-color: #475569;
+  box-shadow: 0px 0px 3px 3px #475569;
+}
 </style>