add span for the microphone disabled otherwise it woudln't show

src/components/launch/RecordingControls.tsx

@@ -58,29 +58,22 @@ export const RecordingControls = ({
 
 				<Separator orientation="vertical" className="mx-[5px] h-6" />
 
-				{/* This is a disable button.
-				Ideally, microphone mute/unmute will be handled but 
-				for now it's non-functional. */}
-				<Button
-					variant="ghost"
-					size="icon"
-					iconSize="lg"
-					//title={
-					//	microphoneEnabled
-					//		? t("recording.disableMicrophone")
-					//		: t("recording.enableMicrophone")
-					//}
-					title={t("recording.micToggleDisabledTip")}
-					className={microphoneEnabled ? styles.ibActive : ""}
-					disabled
-					onClick={onToggleMicrophone}
-				>
-					{microphoneEnabled ? (
-						<MicrophoneIcon size={18} />
-					) : (
-						<MicrophoneSlashIcon size={18} />
-					)}
-				</Button>
+				<span title={t("recording.micToggleDisabledTip")}>
+					<Button
+						variant="ghost"
+						size="icon"
+						iconSize="lg"
+						className={microphoneEnabled ? styles.ibActive : ""}
+						disabled
+						onClick={onToggleMicrophone}
+					>
+						{microphoneEnabled ? (
+							<MicrophoneIcon size={18} />
+						) : (
+							<MicrophoneSlashIcon size={18} />
+						)}
+					</Button>
+				</span>
 
 				<Separator orientation="vertical" className="mx-[5px] h-6" />