diff --git a/src/components/AppWrapper.tsx b/src/components/AppWrapper.tsx
index 3706dbd..8dd70ad 100644
--- a/src/components/AppWrapper.tsx
+++ b/src/components/AppWrapper.tsx
@@ -32,7 +32,7 @@ const AppWrapper: FunctionComponent<WrapperProps> = ({
   return (
     <main
       className={classNames(
-        "body-gradient min-h-screen text-zinc-50",
+        "min-h-screen text-zinc-50",
         className,
       )}
     >
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index 95abf4e..d1a241d 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -7,15 +7,6 @@
 @tailwind components;
 @tailwind utilities;
 
-.body-gradient {
-  background-image: linear-gradient(
-    to top left,
-    black,
-    rgb(161 161 170 / 0.1),
-    black
-  );
-}
-
 @mixin active {
   .elements {
     @apply grid opacity-100;