diff --git a/components/core/UserNav/UserNav.module.css b/components/core/UserNav/UserNav.module.css
index 91a81566b..a22a1868c 100644
--- a/components/core/UserNav/UserNav.module.css
+++ b/components/core/UserNav/UserNav.module.css
@@ -10,16 +10,18 @@
 }
 
 .item {
-  @apply mr-6 cursor-pointer relative transition ease-in-out duration-150 text-base flex items-center;
+  @apply mr-6 cursor-pointer relative transition ease-in-out duration-100 text-base flex items-center outline-none;
+
   &:hover {
-    @apply text-accents-8 transition scale-110 duration-150;
+    @apply text-accents-8 transition scale-110 duration-100;
   }
 
   &:last-child {
     @apply mr-0;
   }
 
-  &:focus {
-    outline: none;
+  &:focus,
+  &:active {
+    @apply outline-none;
   }
 }
diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx
index ddbfc0260..6560f5ec1 100644
--- a/components/product/ProductView/ProductView.tsx
+++ b/components/product/ProductView/ProductView.tsx
@@ -1,12 +1,11 @@
 import cn from 'classnames'
 import { NextSeo } from 'next-seo'
 import s from './ProductView.module.css'
-import { FC, useState, useEffect } from 'react'
+import { FC, useState } from 'react'
 import { useUI } from '@components/ui/context'
 import { Button, Container } from '@components/ui'
 import { Swatch, ProductSlider } from '@components/product'
 import useAddItem from '@lib/bigcommerce/cart/use-add-item'
-import { isDesktop } from '@lib/browser'
 import type { ProductNode } from '@lib/bigcommerce/api/operations/get-product'
 import { getProductOptions } from '../helpers'
 import { Heart } from '@components/icon'
@@ -22,17 +21,12 @@ const ProductView: FC<Props> = ({ product, className }) => {
   const { openSidebar } = useUI()
   const options = getProductOptions(product)
   const [loading, setLoading] = useState(false)
-  const [validMedia, setValidMedia] = useState(false)
 
   const [choices, setChoices] = useState<Record<string, any>>({
     size: null,
     color: null,
   })
 
-  useEffect(() => {
-    setValidMedia(isDesktop())
-  }, [])
-
   const addToCart = async () => {
     setLoading(true)
     try {