diff --git a/packages/pl-fe/src/features/ui/components/background-shapes.tsx b/packages/pl-fe/src/features/ui/components/background-shapes.tsx
index 245216631..729d2dcfc 100644
--- a/packages/pl-fe/src/features/ui/components/background-shapes.tsx
+++ b/packages/pl-fe/src/features/ui/components/background-shapes.tsx
@@ -9,10 +9,9 @@ interface IBackgroundShapes {
 }
 
 /** Gradient that appears in the background of the UI. */
-const BackgroundShapes: React.FC<IBackgroundShapes> = ({ position = 'fixed', hidden }) => (
+const BackgroundShapes: React.FC<IBackgroundShapes> = ({ position = 'fixed', hidden }) => hidden ? null : (
   <div
     className={clsx(position, 'pointer-events-none inset-x-0 top-0 flex justify-center overflow-hidden ', {
-      'hidden': hidden,
       'black:hidden': hidden === undefined,
     })}
   >