diff --git a/app/layout.tsx b/app/layout.tsx
index c0748a9..4f018e2 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,7 +1,6 @@
import { Inter } from 'next/font/google';
import LocalFont from "next/font/local";
-import { TailwindIndicator } from "@/components/tailwind-indicator";
import { ThemeProvider } from "@/components/theme-provider";
import "tailwindcss/tailwind.css";
import { ToastProvider } from "../toast-provider";
@@ -72,7 +71,6 @@ export default async function RootLayout({ children }: RootLayoutProps) {
<body className="min-h-screen antialiased">
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
<ToastProvider>{children}</ToastProvider>
- <TailwindIndicator />
</ThemeProvider>
</body>
</html>
diff --git a/components/tailwind-indicator.tsx b/components/tailwind-indicator.tsx
deleted file mode 100644
index 38d20e1..0000000
--- a/components/tailwind-indicator.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-export function TailwindIndicator() {
- if (process.env.NODE_ENV === "production") {
- return null;
- }
- return null;
- return (
- <div className="fixed z-50 flex items-center justify-center w-6 h-6 p-3 font-mono text-xs text-white rounded bg-zinc-800 bottom-1 left-1">
- <div className="block sm:hidden">xs</div>
- <div className="hidden sm:block md:hidden lg:hidden xl:hidden 2xl:hidden">sm</div>
- <div className="hidden md:block lg:hidden xl:hidden 2xl:hidden">md</div>
- <div className="hidden lg:block xl:hidden 2xl:hidden">lg</div>
- <div className="hidden xl:block 2xl:hidden">xl</div>
- <div className="hidden 2xl:block">2xl</div>
- </div>
- );
-}