fix: position-fixed being affected by transform

https://stackoverflow.com/questions/2637058/position-fixed-doesnt-work-when-using-webkit-transform
https://bugs.chromium.org/p/chromium/issues/detail?id=20574

src/components/Exp/Content.tsx

@@ -46,6 +46,9 @@ const btn = css`
 	text-align: left;
 	display: inherit;
 
+	/* offset padding */
+	transform: translateX(calc(var(--item-padding) * -1));
+
 	& > * {
 		z-index: 10;
 	}

src/pages/main/Exp.tsx

@@ -38,8 +38,6 @@ const Exp: React.FC = () => {
 				className={css`
 					width: 100%;
 					--item-padding: 1.2rem;
-					/* offset padding */
-					transform: translateX(calc(var(--item-padding) * -1));
 
 					display: grid;
 					grid-template-columns: repeat(auto-fit, 20rem);