diff --git a/components/layout/app-footer.tsx b/components/layout/app-footer.tsx
index a6f386c..a4f4d33 100644
--- a/components/layout/app-footer.tsx
+++ b/components/layout/app-footer.tsx
@@ -2,7 +2,7 @@ import Link from 'next/link'
 
 export function AppFooter() {
   return (
-    <footer className="border-t border-border/40 px-6 py-12 lg:px-8">
+    <footer className="border-t border-border/40 bg-background/80 backdrop-blur-sm px-6 py-12 lg:px-8">
       <div className="mx-auto max-w-7xl">
         <div className="flex flex-col items-center justify-between gap-4 sm:flex-row">
           <div className="text-center sm:text-left">
diff --git a/components/ui/command.tsx b/components/ui/command.tsx
index eca2823..3032c1a 100644
--- a/components/ui/command.tsx
+++ b/components/ui/command.tsx
@@ -116,7 +116,7 @@ const CommandItem = React.forwardRef<
   <CommandPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-primary/10 data-[selected=true]:text-primary data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       className
     )}
     {...props}