diff --git a/packages/web/components/templates/homeFeed/HighlightsLayout.tsx b/packages/web/components/templates/homeFeed/HighlightsLayout.tsx
index 0ff1df985..6bccf03c1 100644
--- a/packages/web/components/templates/homeFeed/HighlightsLayout.tsx
+++ b/packages/web/components/templates/homeFeed/HighlightsLayout.tsx
@@ -56,7 +56,7 @@ export function HighlightItemsLayout(
         css={{
           width: '100%',
           height: '100%',
-          bg: '#333333',
+          bg: '$thBackground2',
         }}
         distribution="start"
         alignment="start"