diff --git a/next-env.d.ts b/next-env.d.ts
index fd36f9494..4f11a03dc 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -1,6 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/src/components/layout/Background/FloatingBackground.tsx b/src/components/layout/Background/FloatingBackground.tsx
index 83ccc4353..59140e6c1 100644
--- a/src/components/layout/Background/FloatingBackground.tsx
+++ b/src/components/layout/Background/FloatingBackground.tsx
@@ -1,5 +1,5 @@
 import { Box, createStyles, useMantineTheme } from '@mantine/core';
-import { useMouse, useViewportSize } from '@mantine/hooks';
+import { useMouse } from '@mantine/hooks';
 
 import { PolkaElement } from './PolkaElement';
 
@@ -12,6 +12,7 @@ export const FloatingBackground = () => {
         <PolkaElement rotation={95} top={0} left={100} />
         <PolkaElement rotation={10} top={50} right={20} />
         <PolkaElement rotation={-4} bottom={20} left={20} />
+        <PolkaElement rotation={-10} bottom={0} right={0} />
       </Box>
     </Box>
   );
@@ -19,9 +20,7 @@ export const FloatingBackground = () => {
 
 const MouseBackdrop = () => {
   const { x, y } = useMouse();
-  const { width, height } = useViewportSize();
-  const smaller = Math.min(width, height);
-  const radius = Math.max(smaller - 500, 200);
+  const radius = 40;
   return (
     <Box pos="absolute" top={0} left={0} w="100%" h="100%">
       <Box