diff --git a/frontend/app/app.tsx b/frontend/app/app.tsx
index ae326477d..1f29c0559 100644
--- a/frontend/app/app.tsx
+++ b/frontend/app/app.tsx
@@ -336,7 +336,7 @@ function AppBackground() {
         }),
         [bgRef, style]
     );
-    React.useEffect(getAvgColor, [getAvgColor]);
+    React.useLayoutEffect(getAvgColor, [getAvgColor]);
     useResizeObserver(bgRef, getAvgColor);
 
     return <div ref={bgRef} className="app-background" style={style} />;