diff --git a/packages/ui/src/components/Command/Command.utils.tsx b/packages/ui/src/components/Command/Command.utils.tsx
index 1c9f710975d..bafdba88a5f 100644
--- a/packages/ui/src/components/Command/Command.utils.tsx
+++ b/packages/ui/src/components/Command/Command.utils.tsx
@@ -208,7 +208,9 @@ const CommandItem = React.forwardRef<
           cursor-default select-none items-center 
           rounded-md text-sm outline-none 
 
-          aria-selected:bg-[#323232]/80
+          aria-selected:bg-scale-400
+
+          dark:aria-selected:bg-[#323232]/80
 
           aria-selected:backdrop-filter
           aria-selected:backdrop-blur-md
diff --git a/packages/ui/src/components/Command/LoadingLine.tsx b/packages/ui/src/components/Command/LoadingLine.tsx
index b1aef8fa9b8..ef044ec888f 100644
--- a/packages/ui/src/components/Command/LoadingLine.tsx
+++ b/packages/ui/src/components/Command/LoadingLine.tsx
@@ -3,7 +3,7 @@ import { cn } from '../../utils/cn'
 
 export const LoadingLine = ({ loading }: { loading: boolean }) => {
   return (
-    <div className="relative overflow-hidden w-full h-px bg-[#2e2e2e] m-auto">
+    <div className="relative overflow-hidden w-full h-px bg-[#eceef0] dark:bg-[#2e2e2e] m-auto">
       <span
         className={cn(
           'absolute w-[80px] h-px ml-auto mr-auto left-0 right-0 text-center block top-0',