diff --git a/src/lib/components/Video.svelte b/src/lib/components/Video.svelte
index 7dc917d..bbacd6f 100644
--- a/src/lib/components/Video.svelte
+++ b/src/lib/components/Video.svelte
@@ -15,6 +15,8 @@
 	export let hidden = false
 	/** @type {string}*/
 	export let videoClass = ''
+	/** @type {string}*/
+	export let playButtonClass = ''
 	/** @type {HTMLVideoElement}*/
 	export let videoElement
 	let isPaused = true
@@ -69,7 +71,7 @@
 	>
 		{#if isPaused}
 			<div
-				class="pointer-events-none absolute left-1/2 top-1/2 h-14 w-14 -translate-x-1/2 -translate-y-1/2 rounded-full opacity-80 hover:opacity-100"
+				class="pointer-events-none absolute left-1/2 top-1/2 h-14 w-14 -translate-x-1/2 -translate-y-1/2 rounded-full opacity-80 hover:opacity-100 {playButtonClass}"
 			>
 				<PlayIcon class="h-full w-full" />
 			</div>
diff --git a/src/routes/PluginsSlice.svelte b/src/routes/PluginsSlice.svelte
index 71ccb0e..0eda27a 100644
--- a/src/routes/PluginsSlice.svelte
+++ b/src/routes/PluginsSlice.svelte
@@ -134,6 +134,7 @@
 						muted
 						bind:videoElement={videos[index]}
 						class="z-10 aspect-video h-[inherit] origin-left    rounded-lg object-cover  object-left    shadow-xl shadow-cyan-700/50 outline outline-2 outline-cyan-500 duration-500"
+						playButtonClass=" lg:left-32 xl:left-1/2"
 						hidden={index !== activeIndex}
 						on:pause={pauseVideos}
 						on:play={playVideos}