diff --git a/src/components/HomepageFeatures/index.js b/src/components/HomepageFeatures/index.js
index 811a83bdc..51d735fcd 100644
--- a/src/components/HomepageFeatures/index.js
+++ b/src/components/HomepageFeatures/index.js
@@ -106,9 +106,10 @@ function Feature({ title, img, video, description }) {
       <div className="text--center">
         {video ? (
           <video
-            className="w-full max-w-screen-sm rounded-xl zoomable"
+            className="w-full max-w-screen-sm rounded-xl"
             muted
             autoPlay
+            controls
             loop
             src={video}
           />
diff --git a/src/css/custom.css b/src/css/custom.css
index a724dbc8f..24c18c562 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -49,7 +49,3 @@ img[alt="GameVault+ Banner"] {
   font-size: 3.75rem;
   line-height: 1;
 }
-
-.zoomable {
-  @apply md:active:scale-[1.5] xl:active:scale-[2] 2xl:active:scale-[2.5] md:active:absolute md:active:mx-auto md:active:my-auto md:active:top-auto md:active:left-0 md:active:bottom-0 md:active:right-0 transition-transform duration-300;
-}