diff --git a/apps/photos/src/components/pages/gallery/PreviewCard.tsx b/apps/photos/src/components/pages/gallery/PreviewCard.tsx
index 1f498c257..582a193c7 100644
--- a/apps/photos/src/components/pages/gallery/PreviewCard.tsx
+++ b/apps/photos/src/components/pages/gallery/PreviewCard.tsx
@@ -205,12 +205,16 @@ const Cont = styled('div')<{ disabled: boolean }>`
pointer-events: none;
}
- &:hover ${Check} {
- opacity: 0.5;
- }
- &:hover ${HoverOverlay} {
- opacity: 1;
+ &:hover {
+ input[type='checkbox'] {
+ opacity: 0.5;
+ }
+
+ .preview-card-hover-overlay {
+ opacity: 1;
+ }
}
+
border-radius: 4px;
`;
@@ -342,7 +346,10 @@ export default function PreviewCard(props: IProps) {
)}
-
+
diff --git a/packages/shared/next/next.config.base.js b/packages/shared/next/next.config.base.js
index 9c9b85dd1..d1154fb3e 100644
--- a/packages/shared/next/next.config.base.js
+++ b/packages/shared/next/next.config.base.js
@@ -25,22 +25,7 @@ const nextConfig = {
/* generate a static export when we run `next build` */
output: 'export',
compiler: {
- emotion: {
- importMap: {
- '@mui/material': {
- styled: {
- canonicalImport: ['@emotion/styled', 'default'],
- styledBaseImport: ['@mui/material', 'styled'],
- },
- },
- '@mui/material/styles': {
- styled: {
- canonicalImport: ['@emotion/styled', 'default'],
- styledBaseImport: ['@mui/material/styles', 'styled'],
- },
- },
- },
- },
+ emotion: true,
},
transpilePackages: [
'@/utils',