Tweak film simulation component

src/components/Badge.tsx

@@ -11,7 +11,7 @@ export default function Badge({
   uppercase?: boolean
   interactive?: boolean
 }) {
-  const baseStyles = () => {
+  const coreStyles = () => {
     switch (type) {
     case 'primary': return cc(
       'px-1.5 py-[0.3rem] leading-none rounded-md',
@@ -30,7 +30,7 @@ export default function Badge({
   };
   return (
     <span className={cc(
-      baseStyles(),
+      coreStyles(),
       uppercase && 'uppercase tracking-wider',
     )}>
       {children}

src/simulation/PhotoFilmSimulation.tsx

@@ -43,7 +43,7 @@ export default function PhotoFilmSimulation({
             : <span className="uppercase text-medium">{renderContent()}</span>}
         </>}
         {type !== 'text-only' && <span className={cc(
-          'translate-y-[-0.25px] text-dim',
+          'translate-y-[-1px] text-dim',
           type === 'icon-first' && 'order-first',
         )}>
           <PhotoFilmSimulationIcon {...{ simulation }} />