Theo's Typesafe CultTTC
Theo's Typesafe Cult•11mo ago•
1 reply
ragnar

Tailwindcss looks weird after @uploadthing/react/styles.css

https://docs.uploadthing.com/getting-started/appdir#add-upload-things-styles
I have completed all the steps in the documentation but there are still problems with my project. The styles of my project are all messed up. Any solution?

versions: 
"next": "15.2.1",
"react": "^19.0.0",
"@uploadthing/react": "^7.3.0",
"uploadthing": "^7.5.2",
"tailwindcss": "^4"


upload component -->
"use client";

import { twMerge } from "tailwind-merge";
import { UploadDropzone } from "@/lib/uploadthing";

<UploadDropzone config={{ cn: twMerge }} />


globals.css -->
@import "tailwindcss";

@import "uploadthing/tw/v4";
@source "../node_modules/@uploadthing/react/dist";


app/layout.tsx -->
import "@uploadthing/react/styles.css";
import "./globals.css";
Was this page helpful?