diff --git a/packages/components/src/SearchInput.scss b/packages/components/src/SearchInput.scss
index ff93f1ca71..e49e46a72a 100644
--- a/packages/components/src/SearchInput.scss
+++ b/packages/components/src/SearchInput.scss
@@ -42,17 +42,30 @@
     }
   }
 
-  .search-match {
-    pointer-events: none;
+  .search-change-selection {
     position: absolute;
-    right: $spacer-5;
+    right: $spacer-1;
     top: 15%;
     bottom: 15%;
     height: 70%;
-    display: flex;
-    align-items: center;
-    padding: 0 $spacer-2;
-    border-radius: 1rem;
-    background-color: rgba($white, 0.25);
+  }
+
+  .search-change-button {
+    background: none;
+    border: none;
+    padding: 1px 2px; 
+  }
+
+  .search-change-text {
+    background-color: rgba($white, 0.2);
+    border-radius: 10px;
+    padding: 1px 5px;
+  }
+
+  .search-match {
+    background-color: rgba($white, 0.2);
+    border-radius: 10px;
+    padding: 1px 5px;
+    margin: 0 5px;
   }
 }
diff --git a/packages/components/src/SearchInput.tsx b/packages/components/src/SearchInput.tsx
index 165292d736..1d5c0104c5 100644
--- a/packages/components/src/SearchInput.tsx
+++ b/packages/components/src/SearchInput.tsx
@@ -1,8 +1,11 @@
 import React, { PureComponent } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { vsSearch } from '@deephaven/icons';
+import { vsArrowLeft, vsArrowRight, vsSearch } from '@deephaven/icons';
 import classNames from 'classnames';
+import Button from './Button';
 import './SearchInput.scss';
+import { GLOBAL_SHORTCUTS } from './shortcuts';
+import { ContextActions } from './context-actions';
 
 interface SearchInputProps {
   value: string;
@@ -15,6 +18,10 @@ interface SearchInputProps {
   matchCount: number;
   id: string;
   'data-testid'?: string;
+  cursor?: {
+    index: number | undefined;
+    next: (direction: 'forward' | 'back') => void;
+  };
 }
 
 class SearchInput extends PureComponent<SearchInputProps> {
@@ -27,19 +34,40 @@ class SearchInput extends PureComponent<SearchInputProps> {
     },
     id: '',
     'data-testid': undefined,
+    cursor: undefined,
   };
 
   constructor(props: SearchInputProps) {
     super(props);
     this.inputField = React.createRef();
+    this.searchChangeSelection = React.createRef();
   }
 
-  inputField: React.RefObject<HTMLInputElement>;
+  componentDidMount(): void {
+    this.setInputPaddingRight();
+  }
+
+  componentDidUpdate(): void {
+    this.setInputPaddingRight();
+  }
 
   focus(): void {
     this.inputField.current?.focus();
   }
 
+  inputField: React.RefObject<HTMLInputElement>;
+
+  searchChangeSelection: React.RefObject<HTMLDivElement>;
+
+  setInputPaddingRight(): void {
+    const inputField = this.inputField.current;
+    const searchChangeSelection = this.searchChangeSelection.current;
+    if (inputField && searchChangeSelection) {
+      const paddingRight = searchChangeSelection.getBoundingClientRect().width;
+      inputField.style.paddingRight = `${paddingRight}px`;
+    }
+  }
+
   render(): JSX.Element {
     const {
       value,
@@ -52,7 +80,56 @@ class SearchInput extends PureComponent<SearchInputProps> {
       id,
       onKeyDown,
       'data-testid': dataTestId,
+      cursor,
     } = this.props;
+
+    let matchCountSection;
+    const contextActions = [
+      {
+        action: () => cursor?.next('forward'),
+        shortcut: GLOBAL_SHORTCUTS.NEXT,
+      },
+      {
+        action: () => cursor?.next('back'),
+        shortcut: GLOBAL_SHORTCUTS.PREVIOUS,
+      },
+    ];
+
+    if (cursor && matchCount > 1) {
+      matchCountSection = (
+        <>
+          <Button
+            kind="ghost"
+            className="search-change-button"
+            type="button"
+            onClick={() => {
+              cursor.next('back');
+            }}
+            icon={vsArrowLeft}
+            tooltip={`Previous match (${GLOBAL_SHORTCUTS.PREVIOUS.getDisplayText()})`}
+          />
+          <span className="search-change-text">
+            {cursor.index !== undefined && `${cursor.index + 1} of `}
+            {matchCount}
+          </span>
+          <Button
+            kind="ghost"
+            className="search-change-button"
+            type="button"
+            onClick={() => {
+              cursor.next('forward');
+            }}
+            icon={vsArrowRight}
+            tooltip={`Next match (${GLOBAL_SHORTCUTS.NEXT.getDisplayText()})`}
+          />
+        </>
+      );
+    } else {
+      matchCountSection = matchCount > 0 && (
+        <span className="search-match">{matchCount}</span>
+      );
+    }
+
     return (
       <div className={classNames('search-group', className)}>
         <input
@@ -68,12 +145,22 @@ class SearchInput extends PureComponent<SearchInputProps> {
           id={id}
           data-testid={dataTestId}
         />
-        {matchCount != null && (
-          <span className="search-match">{matchCount}</span>
+
+        {matchCount != null ? (
+          <>
+            <div
+              className="search-change-selection"
+              ref={this.searchChangeSelection}
+            >
+              {matchCountSection}
+            </div>
+            <ContextActions actions={contextActions} />
+          </>
+        ) : (
+          <span className="search-icon">
+            <FontAwesomeIcon icon={vsSearch} />
+          </span>
         )}
-        <span className="search-icon">
-          <FontAwesomeIcon icon={vsSearch} />
-        </span>
       </div>
     );
   }
diff --git a/packages/components/src/shortcuts/GlobalShortcuts.ts b/packages/components/src/shortcuts/GlobalShortcuts.ts
index 42db577cc2..eeead7de69 100644
--- a/packages/components/src/shortcuts/GlobalShortcuts.ts
+++ b/packages/components/src/shortcuts/GlobalShortcuts.ts
@@ -43,6 +43,20 @@ const GLOBAL_SHORTCUTS = {
     macShortcut: [KEY.ESCAPE],
     isEditable: false,
   }),
+  NEXT: ShortcutRegistry.createAndAdd({
+    id: 'GLOBAL.NEXT',
+    name: 'Next',
+    shortcut: [KEY.ENTER],
+    macShortcut: [KEY.ENTER],
+    isEditable: false,
+  }),
+  PREVIOUS: ShortcutRegistry.createAndAdd({
+    id: 'GLOBAL.PREVIOUS',
+    name: 'Previous',
+    shortcut: [MODIFIER.SHIFT, KEY.ENTER],
+    macShortcut: [MODIFIER.SHIFT, KEY.ENTER],
+    isEditable: false,
+  }),
 };
 
 export default GLOBAL_SHORTCUTS;
diff --git a/packages/iris-grid/src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.test.tsx b/packages/iris-grid/src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.test.tsx
index c08ba232a7..85d41b6b09 100644
--- a/packages/iris-grid/src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.test.tsx
+++ b/packages/iris-grid/src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.test.tsx
@@ -1184,3 +1184,31 @@ test('On drag start/end', () => {
   expect(mockGroupHandler).toBeCalledWith([]);
   expect(mockMoveHandler).toBeCalledWith([{ from: 0, to: 1 }]);
 });
+
+test('changeSelectedColumn moves queried column index and loops', () => {
+  const builder = React.createRef<VisibilityOrderingBuilder>();
+  render(<Builder builderRef={builder} />);
+
+  builder.current?.searchColumns('TestColumn');
+  expect(builder.current?.state.selectedColumns.size).toEqual(10);
+
+  builder.current?.changeSelectedColumn('back');
+  expect(builder.current?.state.queriedColumnIndex).toEqual(9);
+
+  builder.current?.changeSelectedColumn('forward');
+  expect(builder.current?.state.queriedColumnIndex).toEqual(0);
+});
+
+test('adjustQueriedIndex sets queriedColumnRange to prevIndex = 9 and nextIndex = 0', () => {
+  const builder = React.createRef<VisibilityOrderingBuilder>();
+  render(<Builder builderRef={builder} />);
+
+  builder.current?.searchColumns('TestColumn');
+
+  builder.current?.adjustQueriedIndex('Test');
+
+  expect(builder.current?.state.queriedColumnRange).toEqual({
+    prevIndex: 9,
+    nextIndex: 0,
+  });
+});
diff --git a/packages/iris-grid/src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.tsx b/packages/iris-grid/src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.tsx
index 70009a0af5..7b8686e3a9 100644
--- a/packages/iris-grid/src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.tsx
+++ b/packages/iris-grid/src/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.tsx
@@ -48,6 +48,11 @@ import {
 
 const DEBOUNCE_SEARCH_COLUMN = 150;
 
+interface IndexRange {
+  prevIndex: number;
+  nextIndex: number;
+}
+
 interface VisibilityOrderingBuilderProps {
   model: IrisGridModel;
   movedColumns: readonly MoveOperation[];
@@ -67,6 +72,9 @@ interface VisibilityOrderingBuilderProps {
 
 interface VisibilityOrderingBuilderState {
   selectedColumns: Set<string>;
+  queriedColumnIndex: number | undefined;
+  queriedColumnRange: IndexRange | undefined;
+  prevQueriedColumns: Record<number, string> | undefined;
   lastSelectedColumn: string;
   searchFilter: string;
 }
@@ -100,6 +108,9 @@ class VisibilityOrderingBuilder extends PureComponent<
 
     this.state = {
       selectedColumns: new Set(),
+      queriedColumnIndex: undefined,
+      queriedColumnRange: undefined,
+      prevQueriedColumns: undefined,
       lastSelectedColumn: '',
       searchFilter: '',
     };
@@ -107,6 +118,14 @@ class VisibilityOrderingBuilder extends PureComponent<
     this.list = null;
   }
 
+  componentDidUpdate(prevProps: VisibilityOrderingBuilderProps): void {
+    const { movedColumns } = this.props;
+    if (movedColumns !== prevProps.movedColumns) {
+      const { searchFilter } = this.state;
+      this.searchColumns(searchFilter, false);
+    }
+  }
+
   componentWillUnmount(): void {
     this.debouncedSearchColumns.cancel();
   }
@@ -125,6 +144,9 @@ class VisibilityOrderingBuilder extends PureComponent<
 
     this.setState({
       selectedColumns: new Set(),
+      queriedColumnIndex: undefined,
+      queriedColumnRange: undefined,
+      prevQueriedColumns: undefined,
       lastSelectedColumn: '',
       searchFilter: '',
     });
@@ -135,7 +157,10 @@ class VisibilityOrderingBuilder extends PureComponent<
   }
 
   resetSelection(): void {
-    this.setState({ selectedColumns: new Set(), lastSelectedColumn: '' });
+    this.setState({
+      selectedColumns: new Set(),
+      lastSelectedColumn: '',
+    });
   }
 
   handleSearchInputChange(event: ChangeEvent<HTMLInputElement>): void {
@@ -149,7 +174,7 @@ class VisibilityOrderingBuilder extends PureComponent<
     this.debouncedSearchColumns(searchFilter);
   }
 
-  searchColumns(searchFilter: string): void {
+  searchColumns(searchFilter: string, updateQuery = true): void {
     const flattenedItems = flattenTree(this.getTreeItems());
     const itemsMatch = flattenedItems.filter(
       ({ id, data }) =>
@@ -157,17 +182,153 @@ class VisibilityOrderingBuilder extends PureComponent<
         id.toLowerCase().includes(searchFilter.toLowerCase())
     );
 
-    const columnsMatch = itemsMatch.map(({ id }) => id);
-    const visibleIndexToFocus = flattenedItems.findIndex(({ id }) =>
-      id.toLowerCase().includes(searchFilter.toLowerCase())
+    const columnsMatchMap: Record<number, string> = itemsMatch.reduce(
+      (acc, { id }) => {
+        const originalIndex = flattenedItems.findIndex(item => item.id === id);
+        return { ...acc, [originalIndex]: id };
+      },
+      {}
     );
 
-    this.addColumnToSelected(columnsMatch, false);
-    if (columnsMatch.length > 0) {
+    if (!updateQuery) {
+      this.setState({
+        prevQueriedColumns: columnsMatchMap,
+      });
+      return;
+    }
+
+    const columnIds: string[] = itemsMatch.map(({ id }) => id);
+    this.addColumnToSelected(columnIds, false);
+
+    if (columnIds.length > 0) {
+      const visibleIndexToFocus = flattenedItems.findIndex(({ id }) =>
+        id.toLowerCase().includes(searchFilter.toLowerCase())
+      );
       const columnItemToFocus =
         this.list?.querySelectorAll('.item-wrapper')[visibleIndexToFocus];
       columnItemToFocus?.scrollIntoView({ block: 'center' });
     }
+
+    this.setState({
+      prevQueriedColumns: columnsMatchMap,
+      queriedColumnIndex: undefined,
+    });
+  }
+
+  /**
+   * Change the selected column to the next or previous column that matches the search criteria.
+   *
+   * queriedColumnRange stores the closes options in the case that the user clicks on an option that didn't fulfill the search criteria.
+   * On click of the forward/back button, queriedColumnIndex is updated to either the upper or lower index in queriedColumnRange
+   *
+   * queriedColumnIndex is the current index within prevQueriedColumns. Not their actual index in the tree.
+   *
+   * @param direction The direction to move the selection
+   */
+
+  changeSelectedColumn(direction: 'forward' | 'back'): void {
+    const { queriedColumnIndex, queriedColumnRange, prevQueriedColumns } =
+      this.state;
+    let newQueriedColumnIndex = queriedColumnIndex;
+
+    if (prevQueriedColumns === undefined) return;
+
+    const queriedColumnsLength = Object.keys(prevQueriedColumns).length;
+
+    if (direction === 'forward') {
+      if (queriedColumnRange !== undefined) {
+        newQueriedColumnIndex = queriedColumnRange.nextIndex;
+      } else if (
+        newQueriedColumnIndex === undefined ||
+        newQueriedColumnIndex >= queriedColumnsLength - 1
+      ) {
+        newQueriedColumnIndex = 0;
+      } else {
+        newQueriedColumnIndex += 1;
+      }
+    } else if (direction === 'back') {
+      if (queriedColumnRange !== undefined) {
+        newQueriedColumnIndex = queriedColumnRange.prevIndex;
+      } else if (
+        newQueriedColumnIndex === undefined ||
+        newQueriedColumnIndex <= 0
+      ) {
+        newQueriedColumnIndex = queriedColumnsLength - 1;
+      } else {
+        newQueriedColumnIndex -= 1;
+      }
+    }
+
+    this.addColumnToSelected(
+      [Object.values(prevQueriedColumns)[newQueriedColumnIndex as number]],
+      false
+    );
+
+    const actualColumnIndex: number = parseInt(
+      Object.keys(prevQueriedColumns)[newQueriedColumnIndex as number],
+      10
+    );
+
+    const columnItemToFocus =
+      this.list?.querySelectorAll('.item-wrapper')[actualColumnIndex];
+    columnItemToFocus?.scrollIntoView({ block: 'center' });
+
+    this.setState({
+      queriedColumnIndex: newQueriedColumnIndex,
+      queriedColumnRange: undefined,
+    });
+  }
+
+  /**
+   * Handles changing the queriedColumnIndex on user click.
+   *
+   * If the option clicked matches the search criteria the index is updated immediately.
+   *
+   * If the option clicked doesn't meet the search criteria, the two closest options that fulfill the criteria are stored.
+   * On click of the forward/back button the selection will change to one of those options. (Think of VS Code search functionality)
+   *
+   * @param name the name of the clicked column
+   */
+  adjustQueriedIndex(name: string): void {
+    const { prevQueriedColumns } = this.state;
+
+    if (prevQueriedColumns === undefined) return;
+
+    if (name in Object.values(prevQueriedColumns)) {
+      const newQueriedColumnIndex =
+        Object.values(prevQueriedColumns).indexOf(name);
+
+      this.setState({
+        queriedColumnIndex: newQueriedColumnIndex,
+        queriedColumnRange: undefined,
+      });
+      return;
+    }
+
+    const flattenedItems = flattenTree(this.getTreeItems());
+    const clickedIndex = flattenedItems.findIndex(item => item.id === name);
+
+    const queriedColumnsIndexes = Object.keys(prevQueriedColumns).map(idx =>
+      parseInt(idx, 10)
+    );
+
+    let prevIndex = queriedColumnsIndexes.length - 1;
+    let nextIndex = 0;
+
+    for (let i = 0; i < queriedColumnsIndexes.length; i += 1) {
+      const index = queriedColumnsIndexes[i];
+
+      if (index < clickedIndex) {
+        prevIndex = i;
+      } else if (index > clickedIndex) {
+        nextIndex = i;
+        break;
+      }
+    }
+
+    this.setState({
+      queriedColumnRange: { prevIndex, nextIndex },
+    });
   }
 
   /**
@@ -540,6 +701,8 @@ class VisibilityOrderingBuilder extends PureComponent<
       isModifierKeyDown || isShiftKeyDown
     );
 
+    this.adjustQueriedIndex(name);
+
     this.setState({
       lastSelectedColumn: name,
     });
@@ -1015,7 +1178,12 @@ class VisibilityOrderingBuilder extends PureComponent<
 
   render(): ReactElement {
     const { model, hiddenColumns, onColumnVisibilityChanged } = this.props;
-    const { selectedColumns, searchFilter } = this.state;
+    const {
+      selectedColumns,
+      searchFilter,
+      prevQueriedColumns,
+      queriedColumnIndex,
+    } = this.state;
     const hasSelection = selectedColumns.size > 0;
     const treeItems = this.getTreeItems();
     const nameToIndexes = new Map(
@@ -1049,6 +1217,14 @@ class VisibilityOrderingBuilder extends PureComponent<
       treeItems
     );
 
+    const cursor = {
+      index: queriedColumnIndex,
+      next: (direction: 'forward' | 'back') =>
+        this.changeSelectedColumn(direction),
+    };
+
+    const matchCount = Object.keys(prevQueriedColumns ?? {}).length;
+
     return (
       <div role="menu" className="visibility-ordering-builder" tabIndex={0}>
         <div className="top-menu">
@@ -1067,8 +1243,9 @@ class VisibilityOrderingBuilder extends PureComponent<
           <SearchInput
             className="visibility-search"
             value={searchFilter}
-            matchCount={searchFilter ? selectedColumns.size : undefined}
+            matchCount={searchFilter ? matchCount : undefined}
             onChange={this.handleSearchInputChange}
+            cursor={cursor}
           />
         </div>
         <div className="top-menu">
diff --git a/tests/table-operations.spec.ts-snapshots/organize-columns-1-chromium-linux.png b/tests/table-operations.spec.ts-snapshots/organize-columns-1-chromium-linux.png
index fe86b9eaae..16d3037158 100644
Binary files a/tests/table-operations.spec.ts-snapshots/organize-columns-1-chromium-linux.png and b/tests/table-operations.spec.ts-snapshots/organize-columns-1-chromium-linux.png differ
diff --git a/tests/table-operations.spec.ts-snapshots/organize-columns-1-firefox-linux.png b/tests/table-operations.spec.ts-snapshots/organize-columns-1-firefox-linux.png
index 61a8a0cb04..f8a3c50f16 100644
Binary files a/tests/table-operations.spec.ts-snapshots/organize-columns-1-firefox-linux.png and b/tests/table-operations.spec.ts-snapshots/organize-columns-1-firefox-linux.png differ
diff --git a/tests/table-operations.spec.ts-snapshots/organize-columns-1-webkit-linux.png b/tests/table-operations.spec.ts-snapshots/organize-columns-1-webkit-linux.png
index 627b421832..23389bea2a 100644
Binary files a/tests/table-operations.spec.ts-snapshots/organize-columns-1-webkit-linux.png and b/tests/table-operations.spec.ts-snapshots/organize-columns-1-webkit-linux.png differ