From cf1694114cb2d89cbe08874fb301011b53c15e45 Mon Sep 17 00:00:00 2001
From: Vincent Huang <vhuang@squareup.com>
Date: Sat, 18 Jan 2025 20:52:05 -0800
Subject: [PATCH] [ui] added dropdown icon to directory text to match figma

---
 ui/desktop/src/components/BottomMenu.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/desktop/src/components/BottomMenu.tsx b/ui/desktop/src/components/BottomMenu.tsx
index 67417847a3..5852e4f987 100644
--- a/ui/desktop/src/components/BottomMenu.tsx
+++ b/ui/desktop/src/components/BottomMenu.tsx
@@ -1,10 +1,11 @@
 import React from "react";
+import { ChevronDown } from "./icons";
 
 export default function BottomMenu({ hasMessages }) {
   return (
     <div className="flex relative border-t dark:border-gray-700 text-bottom-menu dark:text-bottom-menu-dark pl-[15px] text-[10px] h-[30px] leading-[30px] align-middle bg-bottom-menu-background dark:bg-bottom-menu-background-dark rounded-b-2xl">
       <span
-        className="cursor-pointer"
+        className="cursor-pointer flex items-center"
         onClick={async () => {
           console.log("Opening directory chooser");
           if (hasMessages) {
@@ -15,6 +16,9 @@ export default function BottomMenu({ hasMessages }) {
         }}
       >
         Working in {window.appConfig.get("GOOSE_WORKING_DIR")}
+        <ChevronDown
+          className="w-4 h-4"
+        />
       </span>
     </div>
   );