diff --git a/src/Recording.vue b/src/Recording.vue
index 1e66b3b55b0..2af79284ade 100644
--- a/src/Recording.vue
+++ b/src/Recording.vue
@@ -18,7 +18,8 @@
 -->
 
 <template>
-	<CallView :token="token" />
+	<CallView :token="token"
+		:is-recording="true" />
 </template>
 
 <script>
diff --git a/src/components/CallView/CallView.vue b/src/components/CallView/CallView.vue
index fbf90c8ec53..c36e431f585 100644
--- a/src/components/CallView/CallView.vue
+++ b/src/components/CallView/CallView.vue
@@ -104,6 +104,7 @@
 			<Grid v-if="!isSidebar"
 				v-bind="$attrs"
 				:is-stripe="!isGrid"
+				:is-recording="isRecording"
 				:token="token"
 				:fit-video="true"
 				:has-pagination="true"
@@ -174,6 +175,11 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		// Determines whether this component is used in the recording view
+		isRecording: {
+			type: Boolean,
+			default: false,
+		},
 	},
 
 	data() {
diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue
index 8d61a6c20f0..f2a82cd97c2 100644
--- a/src/components/CallView/Grid/Grid.vue
+++ b/src/components/CallView/Grid/Grid.vue
@@ -21,7 +21,7 @@
 
 <template>
 	<div class="grid-main-wrapper" :class="{'is-grid': !isStripe, 'transparent': isLessThanTwoVideos}">
-		<button v-if="isStripe"
+		<button v-if="isStripe && !isRecording"
 			class="stripe--collapse"
 			:aria-label="stripeButtonTooltip"
 			@click="handleClickStripeCollapse">
@@ -88,7 +88,7 @@
 								class="dev-mode-video--self video"
 								:style="{'background': 'url(' + placeholderImage(8) + ')'}" />
 						</template>
-						<LocalVideo v-if="!isStripe && !screenshotMode"
+						<LocalVideo v-if="!isStripe && !isRecording && !screenshotMode"
 							ref="localVideo"
 							class="video"
 							:is-grid="true"
@@ -108,7 +108,7 @@
 							:size="20" />
 					</button>
 				</div>
-				<LocalVideo v-if="isStripe && !screenshotMode"
+				<LocalVideo v-if="isStripe && !isRecording && !screenshotMode"
 					ref="localVideo"
 					class="video"
 					:is-stripe="true"
@@ -243,6 +243,10 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		isRecording: {
+			type: Boolean,
+			default: false,
+		},
 		callParticipantModels: {
 			type: Array,
 			required: true,