diff --git a/.github/workflows/lint.yaml b/.github/workflows/lint.yaml
index 9fb38d2cd..1227430ba 100644
--- a/.github/workflows/lint.yaml
+++ b/.github/workflows/lint.yaml
@@ -26,9 +26,12 @@ jobs:
           path: |
             .eslintcache
             node_modules/.cache/prettier
-          key: lint-cache-${{ hashFiles('**/pnpm-lock.yaml') }}-${{ github.sha }}
+          key:
+            lint-cache-${{ hashFiles('**/pnpm-lock.yaml', 'packages/web/*/tailwind.config.cjs',
+            'tsconfig.eslint.json', 'packages/web/app/tsconfig.json') }}-${{github.sha}}
           restore-keys: |
-            lint-cache-${{ hashFiles('**/pnpm-lock.yaml') }}-
+            lint-cache-${{ hashFiles('**/pnpm-lock.yaml', 'packages/web/*/tailwind.config.cjs',
+            'tsconfig.eslint.json', 'packages/web/app/tsconfig.json') }}-
 
       - name: eslint
         id: eslint
diff --git a/packages/web/docs/src/components/pricing.tsx b/packages/web/docs/src/components/pricing.tsx
index 6b2df26ce..c91b6f1ba 100644
--- a/packages/web/docs/src/components/pricing.tsx
+++ b/packages/web/docs/src/components/pricing.tsx
@@ -104,7 +104,7 @@ const OPERATIONS_EXPLAINER = 'GraphQL operations reported to GraphQL Hive';
 
 export function Pricing({ gradient }: { gradient: [string, string] }): ReactElement {
   return (
-    <div className="w-full bg-dark">
+    <div className="w-full bg-[#111111]">
       <div className="mx-auto my-12 box-border w-full max-w-screen-lg px-6">
         <a id="pricing">
           <h2