diff --git a/apps/web/src/app/projects/page.tsx b/apps/web/src/app/projects/page.tsx
index 84efd691..6ae61d33 100644
--- a/apps/web/src/app/projects/page.tsx
+++ b/apps/web/src/app/projects/page.tsx
@@ -43,7 +43,6 @@ import {
 	Edit03Icon,
 	ArrowDown02Icon,
 	InformationCircleIcon,
-	HomeIcon,
 } from "@hugeicons/core-free-icons";
 import { OcVideoIcon } from "@opencut/ui/icons";
 import { Label } from "@/components/ui/label";
@@ -783,7 +782,7 @@ function ProjectMenu({
 				<DropdownMenuTrigger asChild>
 					<Button
 						type="button"
-						variant="foreground"
+						variant="background"
 						className={
 							isGrid
 								? `absolute z-10 top-3 right-3 ${isOpen ? "opacity-100" : "opacity-0 group-hover:opacity-100"}`
@@ -944,8 +943,8 @@ function EmptyState() {
 				</div>
 				<h3 className="text-lg font-medium">No projects yet</h3>
 				<p className="text-muted-foreground max-w-md">
-					Start creating your first video project. Import media, edit, and
-					export professional videos.
+					Start creating your first project. Import media, edit, and export your
+					videos. All privately.
 				</p>
 			</div>
 			<Button size="lg" className="gap-2" onClick={handleCreateProject}>
diff --git a/apps/web/src/components/ui/button.tsx b/apps/web/src/components/ui/button.tsx
index 1516f9e0..6c063eff 100644
--- a/apps/web/src/components/ui/button.tsx
+++ b/apps/web/src/components/ui/button.tsx
@@ -11,10 +11,10 @@ const buttonVariants = cva(
 			variant: {
 				default:
 					"bg-primary text-primary-foreground hover:bg-primary-hover",
+				background:
+					"bg-background text-foreground hover:bg-background/90",
 				foreground:
 					"bg-foreground text-background hover:bg-foreground/90",
-				"primary-gradient":
-					"bg-gradient-to-r from-cyan-400 to-blue-500 text-white hover:opacity-85",
 				destructive:
 					"bg-destructive text-destructive-foreground hover:bg-destructive/80",
 				"destructive-foreground":