diff --git a/src/components/Video/Controls.svelte b/src/components/Video/Controls.svelte
deleted file mode 100644
index 401d1408..00000000
--- a/src/components/Video/Controls.svelte
+++ /dev/null
@@ -1,79 +0,0 @@
-<script lang="ts">
-  import Fa from 'svelte-fa';
-  import { faReply, faPlay, faPause } from '@fortawesome/free-solid-svg-icons';
-  import { createEventDispatcher } from 'svelte';
-
-  const dispatch = createEventDispatcher();
-
-  let {
-    paused = $bindable(),
-    clickedOnPauseBtn = $bindable(),
-    controlsOpacity,
-    controlsPosition,
-    widthVideoContainer,
-    heightVideoContainer,
-    controlsBorderOffset,
-    resetCondition,
-    separateReplayIcon,
-    controlsColour,
-  } = $props();
-
-  function forwardBtnClick() {
-    paused = !paused;
-    clickedOnPauseBtn = paused === true; // so video doesn't autoplay when coming into view again if paused previously
-    dispatch('pausePlayEvent', {
-      paused,
-      clickedOnPauseBtn,
-    });
-  }
-</script>
-
-<button
-  onclick={forwardBtnClick}
-  style="
-    opacity: {controlsOpacity};
-    top: {controlsPosition === 'top left' || controlsPosition === 'top right' ?
-    `${10}px`
-  : controlsPosition === 'center' ?
-    `${(heightVideoContainer - controlsBorderOffset) / 2}px`
-  : `${heightVideoContainer - controlsBorderOffset}px`};
-
-    left: {(
-    controlsPosition === 'top left' || controlsPosition === 'bottom left'
-  ) ?
-    `${10}px`
-  : controlsPosition === 'center' ?
-    `${(widthVideoContainer - controlsBorderOffset) / 2}px`
-  : `${widthVideoContainer - controlsBorderOffset}px`};
-    "
->
-  {#if resetCondition}
-    <i class="play-pause-icon replay">
-      {#if separateReplayIcon}
-        <Fa icon={faReply} size="2x" color={controlsColour} />
-      {:else}
-        <Fa icon={faPlay} size="2x" color={controlsColour} />
-      {/if}
-    </i>
-  {:else if paused === false}
-    <i class="play-pause-icon pause">
-      <Fa icon={faPause} size="2x" color={controlsColour} />
-    </i>
-  {:else if paused === true}
-    <i class="play-pause-icon play">
-      <Fa icon={faPlay} size="2x" color={controlsColour} />
-    </i>
-  {:else}
-    error
-  {/if}
-</button>
-
-<style lang="scss">
-  button {
-    z-index: 2;
-    position: absolute;
-    cursor: pointer;
-    background-color: transparent;
-    border: none;
-  }
-</style>