diff --git a/.changeset/strong-singers-collect.md b/.changeset/strong-singers-collect.md
deleted file mode 100644
index 674a491..0000000
--- a/.changeset/strong-singers-collect.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@triyanox/react-video": patch
----
-
-Remove double click to full screen
diff --git a/apps/web/CHANGELOG.md b/apps/web/CHANGELOG.md
index 770d983..376fcea 100644
--- a/apps/web/CHANGELOG.md
+++ b/apps/web/CHANGELOG.md
@@ -1,5 +1,26 @@
 # web
 
+## 0.0.8
+
+### Patch Changes
+
+- Updated dependencies [513fcd6]
+  - @triyanox/react-video@0.1.7
+
+## 0.0.7
+
+### Patch Changes
+
+- Updated dependencies [8f767c9]
+  - @triyanox/react-video@0.1.6
+
+## 0.0.6
+
+### Patch Changes
+
+- Updated dependencies [229fb29]
+  - @triyanox/react-video@0.1.5
+
 ## 0.0.5
 
 ### Patch Changes
diff --git a/apps/web/package.json b/apps/web/package.json
index 8dae2e0..e8e85a8 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web",
-  "version": "0.0.5",
+  "version": "0.0.8",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md
index 6754dff..55e3ad8 100644
--- a/packages/core/CHANGELOG.md
+++ b/packages/core/CHANGELOG.md
@@ -1,5 +1,23 @@
 # @triyanox/react-video
 
+## 0.1.7
+
+### Patch Changes
+
+- 513fcd6: Fix onKeyDown issues
+
+## 0.1.6
+
+### Patch Changes
+
+- 8f767c9: Add tailwind prefix to avoid classNames conflicts
+
+## 0.1.5
+
+### Patch Changes
+
+- 229fb29: Remove double click to full screen
+
 ## 0.1.4
 
 ### Patch Changes
diff --git a/packages/core/package.json b/packages/core/package.json
index 2f13822..db8d493 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@triyanox/react-video",
-  "version": "0.1.4",
+  "version": "0.1.7",
   "description": "A video component for react inspired by the ios video player",
   "license": "Apache-2.0",
   "main": "./dist/index.js",
diff --git a/packages/core/src/lib/hooks/use-on-key-down.ts b/packages/core/src/lib/hooks/use-on-key-down.ts
index fe44564..6f9229c 100644
--- a/packages/core/src/lib/hooks/use-on-key-down.ts
+++ b/packages/core/src/lib/hooks/use-on-key-down.ts
@@ -4,6 +4,8 @@ const useOnKeyDown = (key: string, callback: () => void) => {
   useEffect(() => {
     const onKeyDown = (event: KeyboardEvent) => {
       if (event.key === key) {
+        event.preventDefault();
+        event.stopPropagation();
         callback();
       }
     };
diff --git a/packages/core/src/ui/button.tsx b/packages/core/src/ui/button.tsx
index 82e7c46..3cee7bf 100644
--- a/packages/core/src/ui/button.tsx
+++ b/packages/core/src/ui/button.tsx
@@ -32,16 +32,16 @@ function Button({
     <motion.button
       onClick={handleClick}
       className={cn(
-        "flex justify-center items-center",
+        "rv-flex rv-justify-center rv-items-center",
         {
-          "w-8 h-8": size === "sm",
-          "w-10 h-10": size === "md",
-          "w-12 h-12": size === "lg",
-          "rounded-none": radius === "none",
-          "rounded-sm": radius === "sm",
-          "rounded-md": radius === "md",
-          "rounded-lg": radius === "lg",
-          "rounded-full": radius === "full",
+          "rv-w-8 rv-h-8": size === "sm",
+          "rv-w-10 rv-h-10": size === "md",
+          "rv-w-12 rv-h-12": size === "lg",
+          "rv-rounded-none": radius === "none",
+          "rv-rounded-sm": radius === "sm",
+          "rv-rounded-md": radius === "md",
+          "rv-rounded-lg": radius === "lg",
+          "rv-rounded-full": radius === "full",
         },
         className
       )}
diff --git a/packages/core/src/ui/icons/back-by-10.tsx b/packages/core/src/ui/icons/back-by-10.tsx
index 2998957..7ec68b6 100644
--- a/packages/core/src/ui/icons/back-by-10.tsx
+++ b/packages/core/src/ui/icons/back-by-10.tsx
@@ -1,6 +1,6 @@
 const BackBy10 = () => (
   <svg
-    className="w-6 h-6 lg:w-8 lg:h-8"
+    className="rv:w-6 rv-h-6 lg:rv-w-8 lg:rv-h-8"
     viewBox="0 0 21 25"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
@@ -8,7 +8,7 @@ const BackBy10 = () => (
     <g clipPath="url(#clip0_2_14738)">
       <path
         d="M0.457916 12.4401C0.457916 13.8008 0.718333 15.0833 1.23917 16.2878C1.76 17.4922 2.4794 18.5518 3.39737 19.4665C4.31534 20.3812 5.37491 21.0989 6.57608 21.6198C7.77725 22.1406 9.05818 22.401 10.4189 22.401C11.7796 22.401 13.0605 22.1406 14.2616 21.6198C15.4628 21.0989 16.5224 20.3812 17.4403 19.4665C18.3583 18.5518 19.0777 17.4922 19.5985 16.2878C20.1194 15.0833 20.3798 13.8008 20.3798 12.4401C20.3798 11.2422 20.1747 10.1029 19.7645 9.02214C19.3544 7.94141 18.7831 6.96322 18.0507 6.08757C17.3183 5.21193 16.4621 4.47951 15.4823 3.89031C14.5025 3.30112 13.443 2.89259 12.3036 2.66472V1.278C12.3036 0.926441 12.2027 0.708342 12.0009 0.623707C11.799 0.539071 11.5646 0.591155 11.2977 0.779957L8.18253 2.95769C7.95466 3.11394 7.84073 3.29623 7.84073 3.50456C7.84073 3.71289 7.95466 3.89844 8.18253 4.06121L11.288 6.24871C11.5549 6.44402 11.7909 6.49773 11.996 6.40984C12.2011 6.32195 12.3036 6.10222 12.3036 5.75066V4.36394C13.2281 4.57227 14.0793 4.92384 14.8573 5.41863C15.6353 5.91342 16.3124 6.51889 16.8886 7.23503C17.4648 7.95118 17.9123 8.75033 18.2313 9.63249C18.5504 10.5146 18.7099 11.4505 18.7099 12.4401C18.7099 13.5924 18.4967 14.6715 18.0702 15.6774C17.6438 16.6833 17.0514 17.5654 16.2929 18.3239C15.5344 19.0824 14.6539 19.6748 13.6513 20.1012C12.6487 20.5277 11.5712 20.7409 10.4189 20.7409C9.26651 20.7409 8.18741 20.5277 7.18155 20.1012C6.17569 19.6748 5.29353 19.0824 4.53507 18.3239C3.7766 17.5654 3.18415 16.6833 2.75772 15.6774C2.33129 14.6715 2.11808 13.5924 2.11808 12.4401C2.11808 11.5156 2.2613 10.6351 2.54776 9.79851C2.83422 8.96192 3.23461 8.19858 3.74894 7.50847C4.26326 6.81836 4.86547 6.22592 5.55558 5.73113C5.7574 5.58139 5.88598 5.3991 5.94132 5.18425C5.99666 4.96941 5.96248 4.76108 5.83878 4.55925C5.71508 4.36394 5.53604 4.24513 5.30167 4.20281C5.06729 4.16049 4.84268 4.22071 4.62784 4.38347C3.788 4.98894 3.05558 5.70997 2.43058 6.54656C1.80558 7.38315 1.32055 8.30112 0.975494 9.30046C0.630442 10.2998 0.457916 11.3464 0.457916 12.4401ZM7.74308 16.4342C7.93188 16.4342 8.08324 16.374 8.19718 16.2536C8.31111 16.1331 8.36808 15.9687 8.36808 15.7604V9.61785C8.36808 9.37696 8.30785 9.18653 8.18741 9.04656C8.06697 8.90659 7.89607 8.8366 7.67472 8.8366C7.538 8.8366 7.4143 8.86102 7.30362 8.90984C7.19294 8.95867 7.04646 9.04167 6.86417 9.15886L5.51651 10.0671C5.40583 10.1452 5.32445 10.2298 5.27237 10.321C5.22029 10.4121 5.19425 10.5163 5.19425 10.6335C5.19425 10.7962 5.24958 10.9362 5.36026 11.0534C5.47094 11.1706 5.6044 11.2292 5.76065 11.2292C5.85179 11.2292 5.92829 11.2178 5.99015 11.195C6.05199 11.1722 6.13174 11.125 6.2294 11.0534L7.1669 10.3698H7.13761V15.7604C7.13761 15.9622 7.19294 16.125 7.30362 16.2487C7.4143 16.3724 7.56078 16.4342 7.74308 16.4342ZM12.8309 16.5514C13.3713 16.5514 13.8433 16.3903 14.247 16.068C14.6506 15.7457 14.9631 15.2949 15.1845 14.7155C15.4058 14.1361 15.5165 13.4558 15.5165 12.6745C15.5165 11.8867 15.4058 11.1998 15.1845 10.6139C14.9631 10.028 14.6506 9.57227 14.247 9.24675C13.8433 8.92123 13.3713 8.75847 12.8309 8.75847C12.0237 8.75847 11.3742 9.11492 10.8827 9.82781C10.3912 10.5407 10.1454 11.4896 10.1454 12.6745C10.1454 13.8464 10.3912 14.7855 10.8827 15.4919C11.3742 16.1982 12.0237 16.5514 12.8309 16.5514ZM12.8309 15.3698C12.4012 15.3698 12.0578 15.1289 11.8007 14.6471C11.5435 14.1654 11.4149 13.5078 11.4149 12.6745C11.4149 11.8216 11.5419 11.1527 11.7958 10.6676C12.0497 10.1826 12.3948 9.94011 12.8309 9.94011C13.2671 9.94011 13.6105 10.181 13.8612 10.6628C14.1119 11.1445 14.2372 11.8151 14.2372 12.6745C14.2372 13.5078 14.1102 14.1654 13.8563 14.6471C13.6024 15.1289 13.2606 15.3698 12.8309 15.3698Z"
-        className="fill-white"
+        className="rv-fill-white"
       />
     </g>
     <defs>
@@ -16,7 +16,7 @@ const BackBy10 = () => (
         <rect
           width="19.9219"
           height="23.7212"
-          className="fill-white"
+          className="rv-fill-white"
           transform="translate(0.457916 0.584412)"
         />
       </clipPath>
diff --git a/packages/core/src/ui/icons/enter-pip.tsx b/packages/core/src/ui/icons/enter-pip.tsx
index 958ebd5..9379144 100644
--- a/packages/core/src/ui/icons/enter-pip.tsx
+++ b/packages/core/src/ui/icons/enter-pip.tsx
@@ -1,6 +1,6 @@
 const EnterPip = () => (
   <svg
-    className="fill-white w-6 h-6"
+    className="rv-fill-white rv-w-6 rv-h-6"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
@@ -16,7 +16,7 @@ const EnterPip = () => (
         fillRule="evenodd"
         clipRule="evenodd"
         d="M9.94358 2.25H14.0564C15.8942 2.24998 17.3498 2.24997 18.489 2.40314C19.6614 2.56076 20.6104 2.89288 21.3588 3.64124C22.1071 4.38961 22.4392 5.33856 22.5969 6.51098C22.75 7.65019 22.75 9.10583 22.75 10.9436V11C22.75 11.4142 22.4142 11.75 22 11.75C21.5858 11.75 21.25 11.4142 21.25 11C21.25 9.09318 21.2484 7.73851 21.1102 6.71085C20.975 5.70476 20.7213 5.12511 20.2981 4.7019C19.8749 4.27869 19.2952 4.02502 18.2892 3.88976C17.2615 3.75159 15.9068 3.75 14 3.75H10C8.09318 3.75 6.73851 3.75159 5.71085 3.88976C4.70476 4.02502 4.12511 4.27869 3.7019 4.7019C3.27869 5.12511 3.02502 5.70476 2.88976 6.71085C2.75159 7.73851 2.75 9.09318 2.75 11V13C2.75 14.9068 2.75159 16.2615 2.88976 17.2892C3.02502 18.2952 3.27869 18.8749 3.7019 19.2981C4.12511 19.7213 4.70476 19.975 5.71085 20.1102C6.73851 20.2484 8.09318 20.25 10 20.25H11C11.4142 20.25 11.75 20.5858 11.75 21C11.75 21.4142 11.4142 21.75 11 21.75H9.94359C8.10583 21.75 6.65019 21.75 5.51098 21.5969C4.33856 21.4392 3.38961 21.1071 2.64124 20.3588C1.89288 19.6104 1.56076 18.6614 1.40314 17.489C1.24997 16.3498 1.24998 14.8942 1.25 13.0564V10.9436C1.24998 9.10582 1.24997 7.65019 1.40314 6.51098C1.56076 5.33856 1.89288 4.38961 2.64124 3.64124C3.38961 2.89288 4.33856 2.56076 5.51098 2.40314C6.65019 2.24997 8.10582 2.24998 9.94358 2.25ZM6.96967 6.96967C7.26256 6.67678 7.73744 6.67678 8.03033 6.96967L10.75 9.68934V8.5C10.75 8.08579 11.0858 7.75 11.5 7.75C11.9142 7.75 12.25 8.08579 12.25 8.5V11.5C12.25 11.9142 11.9142 12.25 11.5 12.25H8.5C8.08579 12.25 7.75 11.9142 7.75 11.5C7.75 11.0858 8.08579 10.75 8.5 10.75H9.68934L6.96967 8.03033C6.67678 7.73744 6.67678 7.26256 6.96967 6.96967ZM16.948 12.25H18.052C18.9505 12.25 19.6997 12.2499 20.2945 12.3299C20.9223 12.4143 21.4891 12.6 21.9445 13.0555C22.4 13.5109 22.5857 14.0777 22.6701 14.7055C22.7501 15.3003 22.75 16.0495 22.75 16.948V17.052C22.75 17.9505 22.7501 18.6997 22.6701 19.2945C22.5857 19.9223 22.4 20.4891 21.9445 20.9445C21.4891 21.4 20.9223 21.5857 20.2945 21.6701C19.6997 21.7501 18.9505 21.75 18.052 21.75H16.948C16.0495 21.75 15.3003 21.7501 14.7055 21.6701C14.0777 21.5857 13.5109 21.4 13.0555 20.9445C12.6 20.4891 12.4143 19.9223 12.3299 19.2945C12.2499 18.6997 12.25 17.9505 12.25 17.052V16.948C12.25 16.0495 12.2499 15.3003 12.3299 14.7055C12.4143 14.0777 12.6 13.5109 13.0555 13.0555C13.5109 12.6 14.0777 12.4143 14.7055 12.3299C15.3003 12.2499 16.0495 12.25 16.948 12.25ZM14.9054 13.8165C14.4439 13.8786 14.2464 13.9858 14.1161 14.1161C13.9858 14.2464 13.8786 14.4439 13.8165 14.9054C13.7516 15.3884 13.75 16.036 13.75 17C13.75 17.964 13.7516 18.6116 13.8165 19.0946C13.8786 19.5561 13.9858 19.7536 14.1161 19.8839C14.2464 20.0142 14.4439 20.1214 14.9054 20.1835C15.3884 20.2484 16.036 20.25 17 20.25H18C18.964 20.25 19.6116 20.2484 20.0946 20.1835C20.5561 20.1214 20.7536 20.0142 20.8839 19.8839C21.0142 19.7536 21.1214 19.5561 21.1835 19.0946C21.2484 18.6116 21.25 17.964 21.25 17C21.25 16.036 21.2484 15.3884 21.1835 14.9054C21.1214 14.4439 21.0142 14.2464 20.8839 14.1161C20.7536 13.9858 20.5561 13.8786 20.0946 13.8165C19.6116 13.7516 18.964 13.75 18 13.75H17C16.036 13.75 15.3884 13.7516 14.9054 13.8165Z"
-        className="fill-white"
+        className="rv-fill-white"
       ></path>{" "}
     </g>
   </svg>
diff --git a/packages/core/src/ui/icons/exit-full-screen.tsx b/packages/core/src/ui/icons/exit-full-screen.tsx
index 81edf98..d9149b9 100644
--- a/packages/core/src/ui/icons/exit-full-screen.tsx
+++ b/packages/core/src/ui/icons/exit-full-screen.tsx
@@ -1,7 +1,7 @@
 const ExitFullScreen = () => {
   return (
     <svg
-      className="w-6 h-6"
+      className="rv-w-6 rv-h-6"
       viewBox="0 0 15 15"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
@@ -18,7 +18,7 @@ const ExitFullScreen = () => {
           fillRule="evenodd"
           clipRule="evenodd"
           d="M5.5 2C5.77614 2 6 2.22386 6 2.5V5.5C6 5.77614 5.77614 6 5.5 6H2.5C2.22386 6 2 5.77614 2 5.5C2 5.22386 2.22386 5 2.5 5H5V2.5C5 2.22386 5.22386 2 5.5 2ZM9.5 2C9.77614 2 10 2.22386 10 2.5V5H12.5C12.7761 5 13 5.22386 13 5.5C13 5.77614 12.7761 6 12.5 6H9.5C9.22386 6 9 5.77614 9 5.5V2.5C9 2.22386 9.22386 2 9.5 2ZM2 9.5C2 9.22386 2.22386 9 2.5 9H5.5C5.77614 9 6 9.22386 6 9.5V12.5C6 12.7761 5.77614 13 5.5 13C5.22386 13 5 12.7761 5 12.5V10H2.5C2.22386 10 2 9.77614 2 9.5ZM9 9.5C9 9.22386 9.22386 9 9.5 9H12.5C12.7761 9 13 9.22386 13 9.5C13 9.77614 12.7761 10 12.5 10H10V12.5C10 12.7761 9.77614 13 9.5 13C9.22386 13 9 12.7761 9 12.5V9.5Z"
-          className="fill-white"
+          className="rv-fill-white"
         ></path>{" "}
       </g>
     </svg>
diff --git a/packages/core/src/ui/icons/exit-pip.tsx b/packages/core/src/ui/icons/exit-pip.tsx
index 7fd1d6b..bcd122a 100644
--- a/packages/core/src/ui/icons/exit-pip.tsx
+++ b/packages/core/src/ui/icons/exit-pip.tsx
@@ -1,6 +1,6 @@
 const ExitPip = () => (
   <svg
-    className="fill-white w-6 h-6"
+    className="rv-fill-white rv-w-6 rv-h-6"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
@@ -15,7 +15,7 @@ const ExitPip = () => (
       {" "}
       <path
         fillRule="evenodd"
-        className="fill-white"
+        className="rv-fill-white"
         clipRule="evenodd"
         d="M9.94358 2.25H14.0564C15.8942 2.24998 17.3498 2.24997 18.489 2.40314C19.6614 2.56076 20.6104 2.89288 21.3588 3.64124C22.1071 4.38961 22.4392 5.33856 22.5969 6.51098C22.75 7.65019 22.75 9.10583 22.75 10.9436V11C22.75 11.4142 22.4142 11.75 22 11.75C21.5858 11.75 21.25 11.4142 21.25 11C21.25 9.09318 21.2484 7.73851 21.1102 6.71085C20.975 5.70476 20.7213 5.12511 20.2981 4.7019C19.8749 4.27869 19.2952 4.02502 18.2892 3.88976C17.2615 3.75159 15.9068 3.75 14 3.75H10C8.09318 3.75 6.73851 3.75159 5.71085 3.88976C4.70476 4.02502 4.12511 4.27869 3.7019 4.7019C3.27869 5.12511 3.02502 5.70476 2.88976 6.71085C2.75159 7.73851 2.75 9.09318 2.75 11V13C2.75 14.9068 2.75159 16.2615 2.88976 17.2892C3.02502 18.2952 3.27869 18.8749 3.7019 19.2981C4.12511 19.7213 4.70476 19.975 5.71085 20.1102C6.73851 20.2484 8.09318 20.25 10 20.25H11C11.4142 20.25 11.75 20.5858 11.75 21C11.75 21.4142 11.4142 21.75 11 21.75H9.94359C8.10583 21.75 6.65019 21.75 5.51098 21.5969C4.33856 21.4392 3.38961 21.1071 2.64124 20.3588C1.89288 19.6104 1.56076 18.6614 1.40314 17.489C1.24997 16.3498 1.24998 14.8942 1.25 13.0564V10.9436C1.24998 9.10582 1.24997 7.65019 1.40314 6.51098C1.56076 5.33856 1.89288 4.38961 2.64124 3.64124C3.38961 2.89288 4.33856 2.56076 5.51098 2.40314C6.65019 2.24997 8.10582 2.24998 9.94358 2.25ZM6.75 7.5C6.75 7.08579 7.08579 6.75 7.5 6.75H10.5C10.9142 6.75 11.25 7.08579 11.25 7.5C11.25 7.91421 10.9142 8.25 10.5 8.25H9.31066L12.0303 10.9697C12.3232 11.2626 12.3232 11.7374 12.0303 12.0303C11.7374 12.3232 11.2626 12.3232 10.9697 12.0303L8.25 9.31066V10.5C8.25 10.9142 7.91421 11.25 7.5 11.25C7.08579 11.25 6.75 10.9142 6.75 10.5V7.5ZM16.948 12.25H18.052C18.9505 12.25 19.6997 12.2499 20.2945 12.3299C20.9223 12.4143 21.4891 12.6 21.9445 13.0555C22.4 13.5109 22.5857 14.0777 22.6701 14.7055C22.7501 15.3003 22.75 16.0495 22.75 16.948V17.052C22.75 17.9505 22.7501 18.6997 22.6701 19.2945C22.5857 19.9223 22.4 20.4891 21.9445 20.9445C21.4891 21.4 20.9223 21.5857 20.2945 21.6701C19.6997 21.7501 18.9505 21.75 18.052 21.75H16.948C16.0495 21.75 15.3003 21.7501 14.7055 21.6701C14.0777 21.5857 13.5109 21.4 13.0555 20.9445C12.6 20.4891 12.4143 19.9223 12.3299 19.2945C12.2499 18.6997 12.25 17.9505 12.25 17.052V16.948C12.25 16.0495 12.2499 15.3003 12.3299 14.7055C12.4143 14.0777 12.6 13.5109 13.0555 13.0555C13.5109 12.6 14.0777 12.4143 14.7055 12.3299C15.3003 12.2499 16.0495 12.25 16.948 12.25ZM14.9054 13.8165C14.4439 13.8786 14.2464 13.9858 14.1161 14.1161C13.9858 14.2464 13.8786 14.4439 13.8165 14.9054C13.7516 15.3884 13.75 16.036 13.75 17C13.75 17.964 13.7516 18.6116 13.8165 19.0946C13.8786 19.5561 13.9858 19.7536 14.1161 19.8839C14.2464 20.0142 14.4439 20.1214 14.9054 20.1835C15.3884 20.2484 16.036 20.25 17 20.25H18C18.964 20.25 19.6116 20.2484 20.0946 20.1835C20.5561 20.1214 20.7536 20.0142 20.8839 19.8839C21.0142 19.7536 21.1214 19.5561 21.1835 19.0946C21.2484 18.6116 21.25 17.964 21.25 17C21.25 16.036 21.2484 15.3884 21.1835 14.9054C21.1214 14.4439 21.0142 14.2464 20.8839 14.1161C20.7536 13.9858 20.5561 13.8786 20.0946 13.8165C19.6116 13.7516 18.964 13.75 18 13.75H17C16.036 13.75 15.3884 13.7516 14.9054 13.8165Z"
       ></path>{" "}
diff --git a/packages/core/src/ui/icons/forward-by-10.tsx b/packages/core/src/ui/icons/forward-by-10.tsx
index cbbee7b..aac542c 100644
--- a/packages/core/src/ui/icons/forward-by-10.tsx
+++ b/packages/core/src/ui/icons/forward-by-10.tsx
@@ -1,6 +1,6 @@
 const ForwardBy10 = () => (
   <svg
-    className="w-6 h-6 lg:w-8 lg:h-8"
+    className="rv-w-6 rv-h-6 lg:rv-w-8 lg:rv-h-8"
     viewBox="0 0 21 25"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
@@ -8,7 +8,7 @@ const ForwardBy10 = () => (
     <g clipPath="url(#clip0_2_14734)">
       <path
         d="M0.728943 12.4368C0.728943 13.7975 0.98936 15.0801 1.51019 16.2845C2.03103 17.4889 2.75043 18.5485 3.66839 19.4632C4.58637 20.3779 5.64594 21.0957 6.8471 21.6165C8.04828 22.1374 9.3292 22.3978 10.6899 22.3978C12.0506 22.3978 13.3315 22.1374 14.5326 21.6165C15.7338 21.0957 16.7934 20.3779 17.7113 19.4632C18.6293 18.5485 19.3487 17.4889 19.8695 16.2845C20.3904 15.0801 20.6508 13.7975 20.6508 12.4368C20.6508 11.3431 20.4783 10.2965 20.1332 9.2972C19.7882 8.29785 19.3031 7.37988 18.6781 6.54329C18.0531 5.70671 17.3207 4.98568 16.4809 4.38021C16.2661 4.21745 16.0414 4.15723 15.807 4.19954C15.5727 4.24186 15.3937 4.36068 15.2699 4.55599C15.1463 4.75781 15.1121 4.96615 15.1674 5.18099C15.2228 5.39583 15.3513 5.57812 15.5531 5.72786C16.2433 6.22265 16.8455 6.8151 17.3598 7.50521C17.8741 8.19531 18.2745 8.95866 18.5609 9.79525C18.8474 10.6318 18.9906 11.5123 18.9906 12.4368C18.9906 13.5892 18.7774 14.6683 18.351 15.6741C17.9246 16.68 17.3321 17.5621 16.5736 18.3206C15.8152 19.0791 14.933 19.6715 13.9271 20.098C12.9213 20.5244 11.8423 20.7376 10.6899 20.7376C9.53754 20.7376 8.46006 20.5244 7.45746 20.098C6.45486 19.6715 5.57432 19.0791 4.81585 18.3206C4.05739 17.5621 3.46495 16.68 3.03851 15.6741C2.61208 14.6683 2.39886 13.5892 2.39886 12.4368C2.39886 11.4473 2.55837 10.5114 2.87738 9.62923C3.19639 8.74707 3.64398 7.94792 4.22015 7.23177C4.79633 6.51562 5.47504 5.91015 6.25628 5.41536C7.03754 4.92057 7.88715 4.56901 8.80511 4.36068V5.75716C8.80511 6.10221 8.90765 6.31868 9.11273 6.40657C9.31781 6.49446 9.55382 6.44401 9.82074 6.25521L12.9359 4.06771C13.1573 3.91797 13.2696 3.73731 13.2728 3.52572C13.2761 3.31413 13.1638 3.13021 12.9359 2.97396L9.8305 0.786459C9.55707 0.591146 9.31781 0.537436 9.11273 0.625326C8.90765 0.713217 8.80511 0.932944 8.80511 1.28451V2.66146C7.66579 2.88932 6.60622 3.29785 5.6264 3.88704C4.64658 4.47623 3.79046 5.20866 3.05804 6.08431C2.32562 6.95996 1.75433 7.93816 1.34418 9.01888C0.934021 10.0996 0.728943 11.2389 0.728943 12.4368ZM7.96527 16.431C8.15407 16.431 8.30544 16.3708 8.41937 16.2503C8.53331 16.1299 8.59027 15.9655 8.59027 15.7572V9.61458C8.59027 9.3737 8.53005 9.18327 8.4096 9.04329C8.28916 8.90332 8.11827 8.83333 7.89691 8.83333C7.76019 8.83333 7.6365 8.85775 7.52582 8.90657C7.41514 8.9554 7.26866 9.03841 7.08636 9.1556L5.73871 10.0638C5.62803 10.1419 5.54665 10.2266 5.49456 10.3177C5.44248 10.4089 5.41644 10.513 5.41644 10.6302C5.41644 10.7929 5.47178 10.9329 5.58246 11.0501C5.69314 11.1673 5.8266 11.2259 5.98285 11.2259C6.07399 11.2259 6.15049 11.2145 6.21234 11.1917C6.27419 11.1689 6.35394 11.1217 6.4516 11.0501L7.3891 10.3665H7.3598V15.7572C7.3598 15.959 7.41514 16.1217 7.52582 16.2454C7.6365 16.3691 7.78298 16.431 7.96527 16.431ZM13.0531 16.5482C13.5935 16.5482 14.0655 16.3871 14.4691 16.0648C14.8728 15.7425 15.1853 15.2917 15.4066 14.7122C15.628 14.1328 15.7387 13.4525 15.7387 12.6712C15.7387 11.8835 15.628 11.1966 15.4066 10.6107C15.1853 10.0248 14.8728 9.56901 14.4691 9.24349C14.0655 8.91797 13.5935 8.75521 13.0531 8.75521C12.2459 8.75521 11.5965 9.11166 11.1049 9.82454C10.6134 10.5375 10.3676 11.4863 10.3676 12.6712C10.3676 13.8431 10.6134 14.7822 11.1049 15.4886C11.5965 16.195 12.2459 16.5482 13.0531 16.5482ZM13.0531 15.3665C12.6235 15.3665 12.28 15.1256 12.0228 14.6439C11.7657 14.1621 11.6371 13.5045 11.6371 12.6712C11.6371 11.8183 11.7641 11.1494 12.018 10.6644C12.2719 10.1794 12.6169 9.93685 13.0531 9.93685C13.4893 9.93685 13.8328 10.1777 14.0834 10.6595C14.3341 11.1413 14.4594 11.8119 14.4594 12.6712C14.4594 13.5045 14.3325 14.1621 14.0785 14.6439C13.8247 15.1256 13.4829 15.3665 13.0531 15.3665Z"
-        className="fill-white"
+        className="rv-fill-white"
       />
     </g>
     <defs>
@@ -16,7 +16,7 @@ const ForwardBy10 = () => (
         <rect
           width="19.9219"
           height="23.7146"
-          className="fill-white"
+          className="rv-fill-white"
           transform="translate(0.728943 0.584412)"
         />
       </clipPath>
diff --git a/packages/core/src/ui/icons/full-screen.tsx b/packages/core/src/ui/icons/full-screen.tsx
index e05a469..f6d0595 100644
--- a/packages/core/src/ui/icons/full-screen.tsx
+++ b/packages/core/src/ui/icons/full-screen.tsx
@@ -2,31 +2,31 @@ const FullScreen = () => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      className="w-6 h-6"
+      className="rv-w-6 rv-h-6"
       viewBox="0 0 24 24"
       fill="none"
     >
       <path
         d="M22 14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22"
-        className="stroke-white"
+        className="rv-stroke-white"
         strokeWidth="1.5"
         strokeLinecap="round"
       />
       <path
         d="M10 22C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14"
-        className="stroke-white"
+        className="rv-stroke-white"
         strokeWidth="1.5"
         strokeLinecap="round"
       />
       <path
         d="M10 2C6.22876 2 4.34315 2 3.17157 3.17157C2 4.34315 2 6.22876 2 10"
-        className="stroke-white"
+        className="rv-stroke-white"
         strokeWidth="1.5"
         strokeLinecap="round"
       />
       <path
         d="M14 2C17.7712 2 19.6569 2 20.8284 3.17157C22 4.34315 22 6.22876 22 10"
-        className="stroke-white"
+        className="rv-stroke-white"
         strokeWidth="1.5"
         strokeLinecap="round"
       />
diff --git a/packages/core/src/ui/icons/loading.tsx b/packages/core/src/ui/icons/loading.tsx
index 1064f6d..aa873fc 100644
--- a/packages/core/src/ui/icons/loading.tsx
+++ b/packages/core/src/ui/icons/loading.tsx
@@ -1,6 +1,6 @@
 const Loading = () => (
   <svg
-    className="fill-white animate-spin w-6 h-6"
+    className="rv-fill-white rv-animate-spin rv-w-6 rv-h-6"
     strokeWidth="0"
     viewBox="0 0 1024 1024"
     xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/core/src/ui/icons/options.tsx b/packages/core/src/ui/icons/options.tsx
index 0206108..1a149ab 100644
--- a/packages/core/src/ui/icons/options.tsx
+++ b/packages/core/src/ui/icons/options.tsx
@@ -2,7 +2,7 @@ export default function Options() {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      className="w-6 h-6"
+      className="rv-w-6 rv-h-6"
       viewBox="0 0 24 24"
       fill="none"
     >
@@ -18,21 +18,21 @@ export default function Options() {
         {" "}
         <path
           d="M7 14C8.10457 14 9 13.1046 9 12C9 10.8954 8.10457 10 7 10C5.89543 10 5 10.8954 5 12C5 13.1046 5.89543 14 7 14Z"
-          className="fill-white"
+          className="rv-fill-white"
         />{" "}
         <path
           d="M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z"
-          className="fill-white"
+          className="rv-fill-white"
         />{" "}
         <path
           d="M17 14C18.1046 14 19 13.1046 19 12C19 10.8954 18.1046 10 17 10C15.8954 10 15 10.8954 15 12C15 13.1046 15.8954 14 17 14Z"
-          className="fill-white"
+          className="rv-fill-white"
         />{" "}
         <path
           fill-rule="evenodd"
           clip-rule="evenodd"
           d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-          className="fill-white"
+          className="rv-fill-white"
         />{" "}
       </g>
     </svg>
diff --git a/packages/core/src/ui/icons/pause.tsx b/packages/core/src/ui/icons/pause.tsx
index 3a761cc..5ef6618 100644
--- a/packages/core/src/ui/icons/pause.tsx
+++ b/packages/core/src/ui/icons/pause.tsx
@@ -2,12 +2,12 @@ const Pause = () => (
   <svg
     viewBox="0 0 13 16"
     fill="none"
-    className="w-6 h-6 lg:w-8 lg:h-8"
+    className="rv-w-6 rv-h-6 lg:rv-w-8 lg:rv-h-8"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
       d="M1.80872 15.9082H4.03528C4.45846 15.9082 4.78072 15.7975 5.00208 15.5762C5.22343 15.3548 5.33411 15.0293 5.33411 14.5996V1.29883C5.33411 0.856121 5.22343 0.528972 5.00208 0.317383C4.78072 0.105794 4.45846 0 4.03528 0H1.80872C1.37903 0 1.05514 0.110677 0.837036 0.332031C0.618937 0.553385 0.509888 0.875651 0.509888 1.29883V14.5996C0.509888 15.0293 0.618937 15.3548 0.837036 15.5762C1.05514 15.7975 1.37903 15.9082 1.80872 15.9082ZM8.90833 15.9082H11.1251C11.5548 15.9082 11.8787 15.7975 12.0968 15.5762C12.3149 15.3548 12.424 15.0293 12.424 14.5996V1.29883C12.424 0.856121 12.3149 0.528972 12.0968 0.317383C11.8787 0.105794 11.5548 0 11.1251 0H8.90833C8.47864 0 8.15312 0.110677 7.93177 0.332031C7.71041 0.553385 7.59973 0.875651 7.59973 1.29883V14.5996C7.59973 15.0293 7.71041 15.3548 7.93177 15.5762C8.15312 15.7975 8.47864 15.9082 8.90833 15.9082Z"
-      className="fill-white"
+      className="rv-fill-white"
     />
   </svg>
 );
diff --git a/packages/core/src/ui/icons/play.tsx b/packages/core/src/ui/icons/play.tsx
index 7389ac0..6684867 100644
--- a/packages/core/src/ui/icons/play.tsx
+++ b/packages/core/src/ui/icons/play.tsx
@@ -1,6 +1,6 @@
 const Play = () => (
   <svg
-    className="w-6 h-6 lg:w-8 lg:h-8"
+    className="rv-w-6 rv-h-6 lg:rv-w-8 lg:rv-h-8"
     viewBox="0 0 16 17"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
@@ -8,7 +8,7 @@ const Play = () => (
     <g clipPath="url(#clip0_2_14481)">
       <path
         d="M1.50904 16.5527C1.70434 16.5527 1.88989 16.5185 2.06568 16.4502C2.24146 16.3819 2.427 16.2891 2.62232 16.1719L14.0091 9.58984C14.4192 9.34896 14.704 9.13575 14.8636 8.9502C15.023 8.76465 15.1028 8.54167 15.1028 8.28125C15.1028 8.02083 15.023 7.79785 14.8636 7.6123C14.704 7.42675 14.4192 7.21679 14.0091 6.98242L2.62232 0.390625C2.427 0.279948 2.24146 0.190429 2.06568 0.12207C1.88989 0.0537108 1.70434 0.0195312 1.50904 0.0195312C1.15096 0.0195312 0.86613 0.146485 0.654541 0.400391C0.442953 0.654297 0.337158 0.99284 0.337158 1.41602V15.1465C0.337158 15.5696 0.442953 15.9098 0.654541 16.167C0.86613 16.4241 1.15096 16.5527 1.50904 16.5527Z"
-        className="fill-white"
+        className="rv-fill-white"
       />
     </g>
     <defs>
@@ -16,7 +16,7 @@ const Play = () => (
         <rect
           width="14.7656"
           height="16.5527"
-          className="fill-white"
+          className="rv-fill-white"
           transform="translate(0.337158)"
         />
       </clipPath>
diff --git a/packages/core/src/ui/icons/volume.tsx b/packages/core/src/ui/icons/volume.tsx
index e8a6b7c..0ed363a 100644
--- a/packages/core/src/ui/icons/volume.tsx
+++ b/packages/core/src/ui/icons/volume.tsx
@@ -22,7 +22,7 @@ const Volume = ({ volume, isMuted }: { volume: number; isMuted: boolean }) => {
     // @ts-ignore
     <motion.svg
       xmlns="http://www.w3.org/2000/svg"
-      className="w-6 h-6 fill-white"
+      className="rv-w-6 rv-h-6 rv-fill-white"
       viewBox="0 0 512 512"
       key={JSON.stringify(isMuted)}
       animate={{ opacity: isMuted ? 0.5 : 1, x: isMuted ? 5 : 0 }}
diff --git a/packages/core/src/ui/video.tsx b/packages/core/src/ui/video.tsx
index 6e73339..aeac345 100644
--- a/packages/core/src/ui/video.tsx
+++ b/packages/core/src/ui/video.tsx
@@ -142,8 +142,8 @@ function Video({
     <div
       ref={wrapperRef}
       className={cn(
-        "relative aspect-video",
-        isLoaded ? "block" : "hidden",
+        "rv-relative rv-aspect-video",
+        isLoaded ? "rv-block" : "rv-hidden",
         className,
         classNames?.base
       )}
@@ -156,10 +156,10 @@ function Video({
         loop={loop}
         className={cn(
           {
-            "rounded-xl": !isFullscreen,
+            "rv-rounded-xl": !isFullscreen,
           },
           {
-            "h-full w-full": FullScreen,
+            "rv-h-full rv-w-full": FullScreen,
           },
           classNames?.video
         )}
@@ -187,8 +187,8 @@ function Video({
             ease: "easeInOut",
           }}
           className={cn(
-            "absolute inset-0 bg-gradient-to-t from-black via-transparent to-black",
-            { "rounded-xl": !isFullscreen },
+            "rv-absolute rv-inset-0 rv-bg-gradient-to-t rv-from-black rv-via-transparent rv-to-black",
+            { "rv-rounded-xl": !isFullscreen },
             classNames?.backdrop
           )}
         />
@@ -207,16 +207,16 @@ function Video({
               ease: "easeInOut",
             }}
             className={cn(
-              "absolute inset-0 flex justify-between px-4 h-fit xl:px-8 gap-2 xl:gap-2 py-3 top-0",
+              "rv-absolute rv-inset-0 rv-flex rv-justify-between rv-px-4 rv-h-fit xl:rv-px-8 rv-gap-2 xl:rv-gap-2 rv-py-3 rv-top-0",
               classNames?.topWrapper
             )}
           >
-            <div className="w-full flex">
+            <div className="rv-w-full rv-flex">
               <If condition={!isPip}>
                 <Button
                   size="lg"
                   radius="full"
-                  className="bg-transparent z-50"
+                  className="rv-bg-transparent rv-z-50"
                   onClick={() => {
                     if (isFullscreen) {
                       handleExitFullScreen();
@@ -237,7 +237,7 @@ function Video({
                 <Button
                   size="lg"
                   radius="full"
-                  className="bg-transparent z-50"
+                  className="rv-bg-transparent rv-z-50"
                   onClick={() => {
                     if (isPip) {
                       handleExitPip();
@@ -252,11 +252,11 @@ function Video({
                 </Button>
               </If>
             </div>
-            <div className="w-full flex justify-end items-center h-fit">
+            <div className="rv-w-full rv-flex rv-justify-end rv-items-center rv-h-fit">
               <Button
                 size="lg"
                 radius="full"
-                className="bg-transparent z-50"
+                className="rv-bg-transparent rv-z-50"
                 onClick={() => {
                   if (isMuted) {
                     handleUnmute();
@@ -269,7 +269,7 @@ function Video({
               </Button>
               <RadixSlider.Root
                 className={cn(
-                  "relative z-50 items-center select-none touch-none w-full h-5 hidden lg:flex lg:w-1/4",
+                  "rv-relative rv-z-50 rv-items-center rv-select-none rv-touch-none rv-w-full rv-h-5 rv-hidden lg:rv-flex lg:rv-w-1/4",
                   classNames?.volumeSlider?.root
                 )}
                 onValueChange={(value) => {
@@ -282,13 +282,13 @@ function Video({
               >
                 <RadixSlider.Track
                   className={cn(
-                    "bg-white backdrop-filter overflow-hidden backdrop-blur-sm h-3 bg-opacity-20 relative grow rounded-full",
+                    "rv-bg-white rv-backdrop-filter rv-overflow-hidden rv-backdrop-blur-sm rv-h-3 rv-bg-opacity-20 rv-relative rv-grow rv-rounded-full",
                     classNames?.volumeSlider?.track
                   )}
                 >
                   <RadixSlider.Range
                     className={cn(
-                      "absolute bg-white rounded-full h-full",
+                      "rv-absolute rv-bg-white rv-rounded-full rv-h-full",
                       classNames?.volumeSlider?.range
                     )}
                   />
@@ -296,7 +296,7 @@ function Video({
                 <If condition={!hideSliderThumb}>
                   <RadixSlider.Thumb
                     className={cn(
-                      "block w-5 h-5 bg-white shadow-[0_2px_2px] shadow-black rounded-[10px] hover:bg-white focus:outline-none focus:shadow-[0_0_0_2px] focus:shadow-white/10",
+                      "rv-block rv-w-5 rv-h-5 rv-bg-white rv-shadow-[0_2px_2px] rv-shadow-black rv-rounded-[10px] hover:rv-bg-white focus:rv-outline-none focus:rv-shadow-[0_0_0_2px] focus:rv-shadow-white/10",
                       classNames?.volumeSlider?.thumb
                     )}
                     aria-label="Volume"
@@ -321,16 +321,16 @@ function Video({
               ease: "easeInOut",
             }}
             className={cn(
-              "absolute inset-0 xl:mb-0 px-8 gap-8 flex justify-center w-full items-center",
+              "rv-absolute rv-inset-0 xl:rv-mb-0 rv-px-8 rv-gap-8 rv-flex rv-justify-center rv-w-full rv-items-center",
               classNames?.centerWrapper,
               {
-                "mb-8": Boolean(title || subtitle),
+                "rv-mb-8": Boolean(title || subtitle),
               }
             )}
           >
             <IfElse
-              className="flex justify-center z-50"
-              fallbackClassName="flex justify-center z-50"
+              className="rv-flex rv-justify-center rv-z-50"
+              fallbackClassName="rv-flex rv-justify-center rv-z-50"
               fallback={
                 <div className="">
                   <_icons.loading />
@@ -380,17 +380,17 @@ function Video({
               ease: "easeInOut",
             }}
             className={cn(
-              "absolute inset-0 flex flex-col justify-end px-6 xl:px-8 gap-2 lg:gap-3 py-4 xl:py-6 bottom-0",
+              "rv-absolute rv-inset-0 rv-flex rv-flex-col rv-justify-end rv-px-6 xl:rv-px-8 rv-gap-2 lg:rv-gap-3 rv-py-4 xl:rv-py-6 rv-bottom-0",
               classNames?.bottomWrapper
             )}
           >
-            <div className="w-full flex justify-between items-center gap-21">
+            <div className="rv-w-full rv-flex rv-justify-between rv-items-center rv-gap-21">
               <If condition={Boolean(title || subtitle)}>
-                <div className="flex flex-col">
+                <div className="rv-flex rv-flex-col">
                   <If condition={Boolean(subtitle)}>
                     <p
                       className={cn(
-                        "text-[0.5rem] xl:text-base my-0 text-white/80",
+                        "rv-text-[0.5rem] xl:rv-text-base rv-my-0 rv-text-white/80",
                         classNames?.subtitle
                       )}
                     >
@@ -400,7 +400,7 @@ function Video({
                   <If condition={Boolean(title)}>
                     <h2
                       className={cn(
-                        "text-[1rem] xl:text-2xl my-0 font-semibold text-white",
+                        "rv-text-[1rem] xl:rv-text-2xl rv-my-0 rv-font-semibold rv-text-white",
                         classNames?.title
                       )}
                     >
@@ -412,7 +412,7 @@ function Video({
             </div>
             <RadixSlider.Root
               className={cn(
-                "relative flex items-center select-nones touch-none w-full",
+                "rv-relative rv-flex rv-items-center rv-select-nones rv-touch-none rv-w-full",
                 classNames?.playbackRateSlider?.root
               )}
               onValueChange={(value) => {
@@ -425,14 +425,14 @@ function Video({
             >
               <RadixSlider.Track
                 className={cn(
-                  "bg-white backdrop-filter overflow-hidden backdrop-blur-sm h-2 lg:h-3 bg-opacity-20 relative grow rounded-full",
+                  "rv-bg-white rv-backdrop-filter rv-overflow-hidden backdrop-blur-sm rv-h-2 lg:rv-h-3 rv-bg-opacity-20 rv-relative rv-grow rv-rounded-full",
                   classNames?.playbackRateSlider?.track
                 )}
               >
                 <RadixSlider.Range
                   className={cn(
-                    "absolute bg-white h-full",
-                    hideSliderThumb ? "rounded-full" : "rounded-none",
+                    "rv-absolute rv-bg-white rv-h-full",
+                    hideSliderThumb ? "rv-rounded-full" : "rv-rounded-none",
                     classNames?.playbackRateSlider?.range
                   )}
                 />
@@ -440,16 +440,18 @@ function Video({
               <If condition={!hideSliderThumb}>
                 <RadixSlider.Thumb
                   className={cn(
-                    "block w-3 h-3 lg:w-6 lg:h-6 bg-white rounded-full hover:bg-white focus:outline-none focus:shadow-[0_0_0_2px] focus:shadow-white",
+                    "rv-block rv-w-3 rv-h-3 lg:rv-w-6 lg:rv-h-6 rv-bg-white rv-rounded-full hover:rv-bg-white focus:rv-outline-none focus:rv-shadow-[0_0_0_2px] focus:rv-shadow-white",
                     classNames?.playbackRateSlider?.thumb
                   )}
                   aria-label="Volume"
                 />
               </If>
             </RadixSlider.Root>
-            <div className="flex justify-between items-center w-full h-2 xl:h-4">
-              <p className="text-xs text-white">{formatTime(currentTime)}</p>
-              <p className="text-xs text-white">
+            <div className="rv-flex rv-justify-between rv-items-center rv-w-full rv-h-2 xl:rv-h-4">
+              <p className="rv-text-xs rv-text-white">
+                {formatTime(currentTime)}
+              </p>
+              <p className="rv-text-xs rv-text-white">
                 {formatTime(remainingTime, true)}
               </p>
             </div>
diff --git a/packages/core/tailwind.config.js b/packages/core/tailwind.config.js
index 54331dc..615cfaf 100644
--- a/packages/core/tailwind.config.js
+++ b/packages/core/tailwind.config.js
@@ -5,4 +5,5 @@ module.exports = {
     extend: {},
   },
   plugins: [],
+  prefix: "rv-",
 };