From 661bf2a9e7c8b62de93420bac05c46f3ed33b190 Mon Sep 17 00:00:00 2001
From: Dries Augustyns <inbox@driaug.com>
Date: Fri, 19 Dec 2025 13:40:52 +0100
Subject: [PATCH] style: Remove shadow from input element for consistency

---
 apps/web/src/pages/campaigns/create.tsx    | 7 ++++---
 packages/ui/src/components/atoms/Input.tsx | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/pages/campaigns/create.tsx b/apps/web/src/pages/campaigns/create.tsx
index 96c9759..b95d5ed 100644
--- a/apps/web/src/pages/campaigns/create.tsx
+++ b/apps/web/src/pages/campaigns/create.tsx
@@ -11,7 +11,8 @@ import {
   SelectContent,
   SelectItemWithDescription,
   SelectTrigger,
-  SelectValue
+  SelectValue,
+  Textarea
 } from '@plunk/ui';
 import type {Segment} from '@plunk/db';
 import {CampaignAudienceType} from '@plunk/db';
@@ -243,13 +244,13 @@ export default function CreateCampaignPage() {
 
                     <div className="space-y-2">
                       <Label htmlFor="description">Description (Optional)</Label>
-                      <textarea
+                      <Textarea
                         id="description"
                         placeholder="Internal notes about this campaign"
                         value={description}
                         onChange={e => setDescription(e.target.value)}
                         rows={2}
-                        className="w-full px-3 py-2 border border-neutral-200 rounded-lg text-sm resize-none focus:outline-none focus:ring-2 focus:ring-primary"
+                        className="resize-none"
                       />
                     </div>
                   </CardContent>
diff --git a/packages/ui/src/components/atoms/Input.tsx b/packages/ui/src/components/atoms/Input.tsx
index 725304a..cf89a4c 100644
--- a/packages/ui/src/components/atoms/Input.tsx
+++ b/packages/ui/src/components/atoms/Input.tsx
@@ -7,7 +7,7 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<'input'>>(
     <input
       type={type}
       className={cn(
-        'flex h-9 w-full rounded-md border border-neutral-200 bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-neutral-950 placeholder:text-neutral-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+        'flex h-9 w-full rounded-md border border-neutral-200 bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-neutral-950 placeholder:text-neutral-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
         className,
       )}
       ref={ref}