From d055bc63e5dd599770170366019e2aa76985e50a Mon Sep 17 00:00:00 2001
From: Matt Atlas <mattiathebest2000@hotmail.it>
Date: Mon, 8 Jun 2026 23:08:07 +0200
Subject: [PATCH] Fix tgui popout menus (#22661)

---
 .../interfaces/ListInputWindow/ListInputModal.tsx     | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/tgui/packages/tgui/interfaces/ListInputWindow/ListInputModal.tsx b/tgui/packages/tgui/interfaces/ListInputWindow/ListInputModal.tsx
index 0c8aa8dfbb5..7a0a7ba20c2 100644
--- a/tgui/packages/tgui/interfaces/ListInputWindow/ListInputModal.tsx
+++ b/tgui/packages/tgui/interfaces/ListInputWindow/ListInputModal.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Autofocus, Button, Section, Stack } from 'tgui-core/components';
+import { Autofocus, Button, Input, Section, Stack } from 'tgui-core/components';
 import {
   KEY_A,
   KEY_DOWN,
@@ -10,7 +10,6 @@ import {
 } from 'tgui-core/keycodes';
 
 import { InputButtons } from '../common/InputButtons';
-import { SearchBar } from '../common/SearchBar';
 
 type ListInputModalProps = {
   items: string[];
@@ -148,12 +147,14 @@ export const ListInputModal = (props: ListInputModalProps) => {
           />
         </Stack.Item>
         {searchBarVisible && (
-          <SearchBar
+          <Input
             autoFocus
+            autoSelect
+            fluid
             onEnter={() => on_selected(filteredItems[selected])}
-            onSearch={onSearch}
+            onChange={onSearch}
             placeholder="Search..."
-            query={searchQuery}
+            value={searchQuery}
           />
         )}
         <Stack.Item>