diff --git a/apps/web/src/components/editor/media-panel/views/text.tsx b/apps/web/src/components/editor/media-panel/views/text.tsx
index ed495b5..9e4f619 100644
--- a/apps/web/src/components/editor/media-panel/views/text.tsx
+++ b/apps/web/src/components/editor/media-panel/views/text.tsx
@@ -1,9 +1,11 @@
+import { Card } from "@/components/ui/card";
+
 export function TextView() {
   return (
     <div className="p-4">
-      <div className="p-3 bg-accent/50 rounded-lg flex items-center justify-center size-24">
+      <Card className="flex items-center justify-center size-24">
         <span className="text-xs select-none">Default text</span>
-      </div>
+      </Card>
     </div>
   );
 }