TTC
Theo's Typesafe Cult•4w ago
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"
"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 }} />
"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";
@import "tailwindcss";

@import "uploadthing/tw/v4";
@source "../node_modules/@uploadthing/react/dist";
app/layout.tsx --> 
import "@uploadthing/react/styles.css";
import "./globals.css";
import "@uploadthing/react/styles.css";
import "./globals.css";
1 Reply
ragnar
ragnarOP•4w ago
help pls

Did you find this page helpful?