Dropdown の初期のDivを非表示にしたい

実現したいこと

React.js で bootstrap Dropdown を使用しており、赤い円の領域を削除して鉛筆アイコンのみを表示したい。

発生している問題・エラーメッセージ

アイコンの下にDivの要素？が表示されてしまっている

該当のソースコード

React.js
1  return (
2    <>
3        <div className="">
4        
5        <Dropdown className="room_change_dropdown_top">
6          <Dropdown.Toggle className='room_change_dropdown_toggle' id="dropdown-basic">
7          <img className="ic_edit_in_table" src={ic_edit} />
8
9
10          </Dropdown.Toggle>
11
12          <Dropdown.Menu className="room_change_dropdown">
13            <Dropdown.Item className="room_change_dropdown_item">
14              {roomNames.map((room_names, i) => (
15                <div className="flex_radio">
16                  <input
17                    className="room_change_radio"
18                    type="radio"
19                    value={room_names}
20                    onChange={HomeHandleChange }
21                    checked={val === room_names}
22                  />
23                  <p className="drop_down_p">{room_names}</p>
24                </div>
25                ))}
26            </Dropdown.Item>
27          </Dropdown.Menu>
28        </Dropdown>
29        </div>
30    </>
31  );
32}
33export default DropDownForRoomChange;