diff --git a/src/components/VideoCard/VideoCard.vue b/src/components/VideoCard/VideoCard.vue
index deb114ba..396837b3 100644
--- a/src/components/VideoCard/VideoCard.vue
+++ b/src/components/VideoCard/VideoCard.vue
@@ -470,6 +470,7 @@ function handleRemoved(selectedOpt?: { dislikeReasonId: number }) {
                   ref="moreBtnRef"
                   class="opacity-0 group-hover/desc:opacity-100"
                   :class="{ 'more-active': showVideoOptions }"
+                  bg="hover:$bew-fill-2 active:$bew-fill-3"
                   shrink-0 w-30px h-30px m="t--3px r--8px" translate-x--8px
                   grid place-items-center cursor-pointer rounded="50%" duration-300
                   @click.stop.prevent="handleMoreBtnClick"
@@ -599,6 +600,6 @@ function handleRemoved(selectedOpt?: { dislikeReasonId: number }) {
 
 <style lang="scss" scoped>
 .more-active {
-  --uno: "opacity-100 bg-$bew-fill-3";
+  --uno: "opacity-100";
 }
 </style>
diff --git a/src/components/VideoCard/VideoCardContextMenu/VideoCardContextMenu.vue b/src/components/VideoCard/VideoCardContextMenu/VideoCardContextMenu.vue
index 16382d43..a46fc8a0 100644
--- a/src/components/VideoCard/VideoCardContextMenu/VideoCardContextMenu.vue
+++ b/src/components/VideoCard/VideoCardContextMenu/VideoCardContextMenu.vue
@@ -135,7 +135,7 @@ function handleRemoved(selectedOpt?: { dislikeReasonId: number }) {
         style="backdrop-filter: var(--bew-filter-glass-1); box-shadow: var(--bew-shadow-edge-glow-1), var(--bew-shadow-1);"
         :style="contextMenuStyles"
         p-2 bg="$bew-elevated" rounded="$bew-radius"
-        min-w-150px m="t-4 l-[calc(-150px+1rem)]"
+        min-w-200px m="t-4 l-[calc(-200px+1rem)]"
         border="1 $bew-border-color"
         z-10
       >