refactor: 사용자 피드백 적용

src/app/search/[id]/_components/detail-info/company-overview/financial-statements.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useQuery } from "@tanstack/react-query";
+import dayjs from "dayjs";
 
 import { getFinancialStatements } from "@/api/company-details";
 import { useStockInfoContext } from "@/context/stock-info-context";
@@ -70,7 +71,7 @@ function TableHeader({ years }: { years: string[] }) {
             key={year}
             className="border-x border-solid border-gray-100 text-16-500 last:border-r-0"
           >
-            {year}
+            {dayjs(year, "YYYYMM").format("YYYY.MM")}
           </th>
         ))}
       </tr>

src/app/search/[id]/_components/order-stock/buy-and-sell/index.tsx

@@ -71,12 +71,18 @@ export default function BuyAndSell({
   const watchedBidding = watch("bidding");
 
   const handleReset = () => {
-    reset({
-      count: undefined,
-      bidding: undefined,
-    });
+    if (priceType === PriceType.Market) {
+      reset({
+        count: undefined,
+        bidding: watchedBidding,
+      });
+    } else if (priceType === PriceType.Limit) {
+      reset({
+        count: undefined,
+        bidding: undefined,
+      });
+    }
   };
-
   const handlePriceTypeChange = (newPriceType: PriceType) => {
     setPriceType(newPriceType);
     setValue(

src/app/search/[id]/_components/order-stock/buy-and-sell/number-dropdown.tsx

@@ -21,19 +21,14 @@ function NumberDropdown<T extends string | number>({
 }: NumberDropdownProps<T>) {
   return (
     <Dropdown
-      className="w-120"
+      className="w-fit"
       selectedValue={state}
       onSelect={(value) => setState(value as T)}
     >
       <Dropdown.Toggle border={false} className={clsx(stockPrice && "mb-2")}>
         <span className="pr-10">{title}</span>
       </Dropdown.Toggle>
-      <Dropdown.Wrapper
-        className={clsx(
-          "h-300 overflow-scroll",
-          stockPrice && "w-120 break-keep",
-        )}
-      >
+      <Dropdown.Wrapper className="h-300 w-fit overflow-scroll">
         {typeof number === "number" &&
           number > 0 &&
           Array.from({ length: number }, (_, index) => (

src/components/common/dropdown/index.tsx

@@ -163,7 +163,7 @@ function Item({ children, value, className }: ItemProps): JSX.Element {
     <button
       type="button"
       className={cn(
-        "transition-linear text-black/80 rounded-2 relative w-full py-10 px-8 text-left hover:bg-gray-100 focus:bg-green-700/5 focus:!text-green-900",
+        "whitespace-nowrap transition-linear text-black/80 rounded-2 relative w-full py-10 px-8 text-left hover:bg-gray-100 focus:bg-green-700/5 focus:!text-green-900",
         {
           "bg-green-500/10 !text-green-900": isSelected,
         },