diff --git a/src/components/HeaderList.tsx b/src/components/HeaderList.tsx
index 8a57ef15..e5f32184 100644
--- a/src/components/HeaderList.tsx
+++ b/src/components/HeaderList.tsx
@@ -24,11 +24,11 @@ export default function HeaderList({
           <div key="header" className={cc(
             'text-gray-900',
             'dark:text-gray-100',
-            'flex items-center mb-0.5',
+            'flex items-center mb-0.5 gap-1',
             'uppercase',
           )}>
             {icon &&
-              <span className="w-[17px]">
+              <span className="w-[1rem]">
                 {icon}
               </span>}
             {title}
diff --git a/src/photo/PhotoGridSidebar.tsx b/src/photo/PhotoGridSidebar.tsx
index 668f8b17..0eec733c 100644
--- a/src/photo/PhotoGridSidebar.tsx
+++ b/src/photo/PhotoGridSidebar.tsx
@@ -62,7 +62,7 @@ export default function PhotoGridSidebar({
       {simulations.length > 0 && <HeaderList
         title="Films"
         icon={<PhotoFilmSimulationIcon
-          className="translate-y-[-0.5px]"
+          className="translate-y-[0.5px]"
         />}
         items={simulations
           .sort(sortFilmSimulationsWithCount)