diff --git a/CHANGELOG.md b/CHANGELOG.md
index 34a96bc90..73f8b1a98 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@ item (Added, Changed, Depreciated, Removed, Fixed, Security).
 
 ## [2026.03]
 
+- Updated: Refactor Horizontal Tabs block into a dynamic block. Add reordering functionality. 
 - Updated: Refactor Vertical Tabs block to dynamic block; allow sorting.
 
 ## [2026.02]
diff --git a/wp-content/plugins/core/src/Components/Blocks/Horizontal_Tabs_Block_Controller.php b/wp-content/plugins/core/src/Components/Blocks/Horizontal_Tabs_Block_Controller.php
new file mode 100644
index 000000000..c28d22a7d
--- /dev/null
+++ b/wp-content/plugins/core/src/Components/Blocks/Horizontal_Tabs_Block_Controller.php
@@ -0,0 +1,71 @@
+<?php declare(strict_types=1);
+
+namespace Tribe\Plugin\Components\Blocks;
+
+use Tribe\Plugin\Components\Abstracts\Abstract_Block_Controller;
+
+/**
+ * Controller for the Horizontal Tabs block.
+ * Builds tab data from the block's inner blocks (saved order).
+ */
+class Horizontal_Tabs_Block_Controller extends Abstract_Block_Controller {
+
+	/**
+	 * Tab items built from inner blocks (id, buttonId, label).
+	 *
+	 * @var array<int, array{id: string, buttonId: string, label: string}>
+	 */
+	protected array $tabs = [];
+
+	protected \WP_Block $block;
+
+	public function __construct( array $args = [] ) {
+		parent::__construct( $args );
+
+		$this->block = $args['block'] ?? new \WP_Block( [ 'blockName' => 'tribe/horizontal-tabs' ] );
+		$this->tabs  = $this->build_tabs_from_inner_blocks();
+	}
+
+	/**
+	 * @return array<int, array{id: string, buttonId: string, label: string}>
+	 */
+	public function get_tabs(): array {
+		return $this->tabs;
+	}
+
+	/**
+	 * Whether the given tab (by index) should be selected. First tab is always active on the front-end.
+	 */
+	public function is_tab_selected( int $index ): bool {
+		return $index === 0;
+	}
+
+	/**
+	 * Build tab list from parsed inner blocks (preserves saved order).
+	 *
+	 * @return array<int, array{id: string, buttonId: string, label: string}>
+	 */
+	protected function build_tabs_from_inner_blocks(): array {
+		$block        = $this->block->parsed_block;
+		$inner_blocks = $block['innerBlocks'] ?? [];
+		$tabs         = [];
+
+		foreach ( $inner_blocks as $inner ) {
+			if ( ( $inner['blockName'] ?? '' ) !== 'tribe/horizontal-tab' ) {
+				continue;
+			}
+
+			$attrs  = $inner['attrs'] ?? [];
+			$id     = $attrs['blockId'] ?? '';
+			$label  = $attrs['tabLabel'] ?? '';
+			$tabs[] = [
+				'id'       => $id,
+				'buttonId' => 'button-' . $id,
+				'label'    => $label !== '' ? $label : __( 'Tab Label', 'tribe' ),
+			];
+		}
+
+		return $tabs;
+	}
+
+}
diff --git a/wp-content/themes/core/blocks/tribe/horizontal-tabs/block.json b/wp-content/themes/core/blocks/tribe/horizontal-tabs/block.json
index dfd413e8d..1ba66e98a 100644
--- a/wp-content/themes/core/blocks/tribe/horizontal-tabs/block.json
+++ b/wp-content/themes/core/blocks/tribe/horizontal-tabs/block.json
@@ -45,5 +45,6 @@
 	"editorScript": "file:./index.js",
 	"editorStyle": "file:./index.css",
 	"style": "file:./style-index.css",
-	"viewScript": "file:./view.js"
+	"viewScript": "file:./view.js",
+	"render": "file:./render.php"
 }
diff --git a/wp-content/themes/core/blocks/tribe/horizontal-tabs/edit.js b/wp-content/themes/core/blocks/tribe/horizontal-tabs/edit.js
index 139f95b26..1626f9078 100644
--- a/wp-content/themes/core/blocks/tribe/horizontal-tabs/edit.js
+++ b/wp-content/themes/core/blocks/tribe/horizontal-tabs/edit.js
@@ -1,27 +1,161 @@
-/**
- * WordPress Dependencies
- */
 import { createBlock } from '@wordpress/blocks';
 import {
 	useBlockProps,
 	RichText,
 	useInnerBlocksProps,
 } from '@wordpress/block-editor';
-import { Button, Flex, FlexItem } from '@wordpress/components';
+import { Button, Flex, FlexItem, Tooltip } from '@wordpress/components';
 import { useSelect, useDispatch } from '@wordpress/data';
-import { useEffect } from '@wordpress/element';
+import { useCallback, useEffect, useMemo, useRef } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
-import { SVG, Path } from '@wordpress/primitives';
+import { dragHandle, trash } from '@wordpress/icons';
+
+import {
+	closestCenter,
+	DndContext,
+	PointerSensor,
+	useSensor,
+	useSensors,
+} from '@dnd-kit/core';
+import {
+	SortableContext,
+	useSortable,
+	horizontalListSortingStrategy,
+} from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
 
 import './editor.pcss';
 
+/**
+ * Sortable tab wrapper for drag-and-drop reordering.
+ * @param {Object}   root0
+ * @param {Object}   root0.tab
+ * @param {number}   root0.index
+ * @param {string}   root0.currentActiveTabInstanceId
+ * @param {Function} root0.onSelectTab
+ * @param {Function} root0.onUpdateLabel
+ * @param {Function} root0.onDeleteTab
+ */
+function SortableTab( {
+	tab,
+	index,
+	currentActiveTabInstanceId,
+	onSelectTab,
+	onUpdateLabel,
+	onDeleteTab,
+} ) {
+	const {
+		attributes,
+		listeners,
+		setNodeRef,
+		transform,
+		transition,
+		isDragging,
+	} = useSortable( { id: tab.clientId } );
+
+	const style = {
+		transform: CSS.Transform.toString( transform ),
+		transition,
+		opacity: isDragging ? 0.5 : 1,
+		display: 'flex',
+		alignItems: 'center',
+		justifyContent: 'flex-start',
+		gap: 'var(--spacer-10)',
+	};
+
+	const handleTabKeyDown = ( e ) => {
+		// Don't capture keys when user is editing the tab label (so Space/Enter can be typed).
+		if ( e.target.closest( '[contenteditable="true"]' ) ) {
+			return;
+		}
+
+		if ( e.key === 'Enter' || e.key === ' ' ) {
+			e.preventDefault();
+			onSelectTab( tab.id );
+		}
+	};
+
+	return (
+		<div
+			ref={ setNodeRef }
+			role="button"
+			tabIndex={ 0 }
+			className={
+				'wp-block-tribe-horizontal-tabs__tab' +
+				( currentActiveTabInstanceId === tab.id ? ' active-tab' : '' )
+			}
+			style={ style }
+			onClick={ () => onSelectTab( tab.id ) }
+			onKeyDown={ handleTabKeyDown }
+			aria-pressed={ currentActiveTabInstanceId === tab.id }
+		>
+			<Button
+				className="wp-block-tribe-horizontal-tabs__tab-drag-handle"
+				variant="link"
+				icon={ dragHandle }
+				aria-label={ __( 'Drag to reorder tab', 'tribe' ) }
+				onClick={ ( e ) => e.stopPropagation() }
+				{ ...attributes }
+				{ ...listeners }
+			/>
+			<RichText
+				tagName="span"
+				className="wp-block-tribe-horizontal-tabs__tab-label"
+				value={ tab.label }
+				onChange={ ( value ) => onUpdateLabel( value, tab.clientId ) }
+				onClick={ ( e ) => e.stopPropagation() }
+				onFocus={ () => onSelectTab( tab.id ) }
+				onKeyDown={ ( e ) => e.stopPropagation() }
+				allowedFormats={ [] }
+				placeholder={ __( 'Tab Label', 'tribe' ) }
+			/>
+			<Tooltip text={ __( 'Remove tab', 'tribe' ) } delay={ 300 }>
+				<Button
+					className="wp-block-tribe-horizontal-tabs__tab-delete"
+					variant="link"
+					icon={ trash }
+					aria-label={ __( 'Remove tab', 'tribe' ) }
+					onClick={ ( e ) => {
+						e.stopPropagation();
+						onDeleteTab( index, tab.id, tab.clientId );
+					} }
+				/>
+			</Tooltip>
+		</div>
+	);
+}
+
 export default function Edit( { clientId, attributes, setAttributes } ) {
 	const blockProps = useBlockProps();
 	const dispatch = useDispatch( 'core/block-editor' );
-	const { removeBlocks } = useDispatch( 'core/block-editor' );
-	const select = useSelect( 'core/block-editor' );
-	const innerBlocks = select.getBlocks( clientId );
-	const { currentActiveTabInstanceId, tabs } = attributes;
+	const { removeBlocks, moveBlockToPosition } =
+		useDispatch( 'core/block-editor' );
+	// Subscribe to inner blocks so the component re-renders when order changes (e.g. after moveBlockToPosition).
+	const innerBlocks = useSelect(
+		( select ) => select( 'core/block-editor' ).getBlocks( clientId ),
+		[ clientId ]
+	);
+	const blockEditorSelect = useSelect(
+		( select ) => select( 'core/block-editor' ),
+		[]
+	);
+	const { currentActiveTabInstanceId } = attributes;
+
+	// Derive tab list directly from innerBlocks so the tab bar reflects order immediately (no useEffect delay).
+	const tabs = useMemo(
+		() =>
+			innerBlocks.map( ( block ) => ( {
+				clientId: block.clientId,
+				id: block.attributes.blockId,
+				buttonId: 'button-' + block.attributes.blockId,
+				label: block.attributes.tabLabel,
+				isActive:
+					currentActiveTabInstanceId === block.attributes.blockId,
+			} ) ),
+		[ innerBlocks, currentActiveTabInstanceId ]
+	);
+
+	const sensors = useSensors( useSensor( PointerSensor ) );
 
 	/**
 	 * setup inner block props and add classname to wrapper
@@ -38,37 +172,19 @@ export default function Edit( { clientId, attributes, setAttributes } ) {
 	);
 
 	/**
-	 * Update the current active tab to the client Id of the first tab
-	 * This will only run once when the block is first added to the editor
-	 */
-	useEffect( () => {
-		if ( innerBlocks.length === 0 || currentActiveTabInstanceId !== '' ) {
-			return;
-		}
-
-		setAttributes( {
-			currentActiveTabInstanceId: innerBlocks[ 0 ].attributes.blockId,
-		} );
-	}, [ innerBlocks, setAttributes, currentActiveTabInstanceId ] );
-
-	/**
-	 * set new tab state when innerBlocks or currentActiveTabInstanceId changes
+	 * Default to the first tab when the block loads in the editor (once per mount).
+	 * Does not persist which tab was last active; always open with first tab.
 	 */
+	const hasSetInitialTab = useRef( false );
 	useEffect( () => {
-		const data = innerBlocks.map( ( tab ) => {
-			return {
-				clientId: tab.clientId,
-				id: tab.attributes.blockId,
-				buttonId: 'button-' + tab.attributes.blockId,
-				label: tab.attributes.tabLabel,
-				isActive: currentActiveTabInstanceId === tab.attributes.blockId,
-			};
-		} );
+		if ( innerBlocks.length > 0 && ! hasSetInitialTab.current ) {
+			setAttributes( {
+				currentActiveTabInstanceId: innerBlocks[ 0 ].attributes.blockId,
+			} );
 
-		setAttributes( {
-			tabs: data,
-		} );
-	}, [ innerBlocks, currentActiveTabInstanceId, setAttributes ] );
+			hasSetInitialTab.current = true;
+		}
+	}, [ innerBlocks, setAttributes ] );
 
 	/**
 	 * @function updateTabLabel
@@ -99,8 +215,8 @@ export default function Edit( { clientId, attributes, setAttributes } ) {
 			.then( () => {
 				// dispatch will return us a promise which we can use to set our new active tab instanceId
 				const newInstanceId =
-					select.getBlocks( clientId )[ positionToAdd ].attributes
-						.blockId;
+					blockEditorSelect.getBlocks( clientId )[ positionToAdd ]
+						.attributes.blockId;
 
 				// set new tab as active
 				setAttributes( {
@@ -123,7 +239,7 @@ export default function Edit( { clientId, attributes, setAttributes } ) {
 		removeBlocks( tabClientId );
 
 		// Fetch new inner blocks
-		const newInnerBlocks = select.getBlocks( clientId );
+		const newInnerBlocks = blockEditorSelect.getBlocks( clientId );
 
 		// Add a new tab if we've deleted the last one
 		if ( newInnerBlocks.length === 0 ) {
@@ -148,78 +264,95 @@ export default function Edit( { clientId, attributes, setAttributes } ) {
 		} );
 	};
 
-	return (
-		<div { ...blockProps }>
-			<Flex
-				className="wp-block-tribe-horizontal-tabs__tabs"
-				align="center"
+	const moveTab = useCallback(
+		( fromIndex, toIndex ) => {
+			if (
+				fromIndex === toIndex ||
+				toIndex < 0 ||
+				toIndex >= innerBlocks.length
+			) {
+				return;
+			}
+
+			// Use moveBlockToPosition so the block tree order is updated for save.
+			// Signature: (clientId, fromRootClientId, toRootClientId, index).
+			const blockClientId = innerBlocks[ fromIndex ].clientId;
+
+			moveBlockToPosition( blockClientId, clientId, clientId, toIndex );
+		},
+		[ innerBlocks, clientId, moveBlockToPosition ]
+	);
+
+	const handleDragEnd = useCallback(
+		( event ) => {
+			const { active, over } = event;
+
+			if ( ! over || active.id === over.id ) {
+				return;
+			}
+
+			const oldIndex = tabs.findIndex(
+				( t ) => t.clientId === active.id
+			);
+			const newIndex = tabs.findIndex( ( t ) => t.clientId === over.id );
+
+			if ( oldIndex === -1 || newIndex === -1 ) {
+				return;
+			}
+
+			moveTab( oldIndex, newIndex );
+		},
+		[ tabs, moveTab ]
+	);
+
+	const tabList = (
+		<Flex
+			className="wp-block-tribe-horizontal-tabs__tabs"
+			align="center"
+			justify="flex-start"
+		>
+			{ tabs.map( ( tab, index ) => (
+				<SortableTab
+					key={ tab.clientId }
+					tab={ tab }
+					index={ index }
+					currentActiveTabInstanceId={ currentActiveTabInstanceId }
+					onSelectTab={ ( id ) =>
+						setAttributes( { currentActiveTabInstanceId: id } )
+					}
+					onUpdateLabel={ updateTabLabel }
+					onDeleteTab={ deleteTab }
+				/>
+			) ) }
+			<FlexItem
+				className="wp-block-tribe-horizontal-tabs__add"
 				justify="flex-start"
 			>
-				{ tabs.map( ( tab, index ) => (
-					<FlexItem
-						className={
-							'wp-block-tribe-horizontal-tabs__tab' +
-							( currentActiveTabInstanceId === tab.id
-								? ' active-tab'
-								: '' )
-						}
-						key={ 'tab-' + tab.id }
-						style={ {
-							display: 'flex',
-							alignItems: 'center',
-							justifyContent: 'flex-start',
-							gap: 'var(--spacer-10)',
-						} }
-						onClick={ () => {
-							setAttributes( {
-								currentActiveTabInstanceId: tab.id,
-							} );
-						} }
-					>
-						<RichText
-							tagName="span"
-							className="wp-block-tribe-horizontal-tabs__tab-label"
-							value={ tab.label }
-							onChange={ ( value ) =>
-								updateTabLabel( value, tab.clientId )
-							}
-							allowedFormats={ [] }
-							placeholder={ __( 'Tab Label', 'tribe' ) }
-						/>
-						<Button
-							className="wp-block-tribe-horizontal-tabs__tab-delete"
-							variant="link"
-							onClick={ ( e ) => {
-								e.stopPropagation();
-								deleteTab( index, tab.id, tab.clientId );
-							} }
-						>
-							<span
-								style={ {
-									display: 'inline-flex',
-									width: '24px',
-									height: '24px',
-								} }
-							>
-								<SVG
-									xmlns="http://www.w3.org/2000/svg"
-									viewBox="0 0 24 24"
-								>
-									<Path d="m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z" />
-								</SVG>
-							</span>
-						</Button>
-					</FlexItem>
-				) ) }
-				<FlexItem
-					className="wp-block-tribe-horizontal-tabs__add"
-					justify="flex-start"
+				<Button variant="primary" onClick={ () => addNewTab() }>
+					{ __( 'Add New Tab', 'tribe' ) }
+				</Button>
+			</FlexItem>
+		</Flex>
+	);
+
+	return (
+		<div { ...blockProps }>
+			{ tabs.length > 0 ? (
+				<DndContext
+					sensors={ sensors }
+					collisionDetection={ closestCenter }
+					onDragEnd={ handleDragEnd }
 				>
-					<Button variant="primary" onClick={ () => addNewTab() }>
-						{ __( 'Add New Tab', 'tribe' ) }
-					</Button>
-				</FlexItem>
-			</Flex>
+					<SortableContext
+						items={ tabs.map( ( t ) => t.clientId ) }
+						strategy={ horizontalListSortingStrategy }
+					>
+						{ tabList }
+					</SortableContext>
+				</DndContext>
+			) : (
+				tabList
+			) }
 			<div { ...innerBlocksProps } />
 		</div>
 	);
diff --git a/wp-content/themes/core/blocks/tribe/horizontal-tabs/editor.pcss b/wp-content/themes/core/blocks/tribe/horizontal-tabs/editor.pcss
index 6fcfeead3..d3c43a7db 100644
--- a/wp-content/themes/core/blocks/tribe/horizontal-tabs/editor.pcss
+++ b/wp-content/themes/core/blocks/tribe/horizontal-tabs/editor.pcss
@@ -31,6 +31,29 @@
 	}
 }
 
+.wp-block-tribe-horizontal-tabs__tab-drag-handle {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	padding: 0;
+	margin: 0;
+	border: 0;
+	background: transparent;
+	color: var(--horizontal-tabs-editor-delete-color) !important;
+	cursor: grab;
+	opacity: 0.7;
+
+	&:hover,
+	&:focus {
+		color: var(--horizontal-tabs-editor-delete-hover-color) !important;
+		opacity: 1;
+	}
+
+	&:active {
+		cursor: grabbing;
+	}
+}
+
 .wp-block-tribe-horizontal-tabs__tab-label {
 	cursor: text;
 }
diff --git a/wp-content/themes/core/blocks/tribe/horizontal-tabs/index.js b/wp-content/themes/core/blocks/tribe/horizontal-tabs/index.js
index 2dea36232..04a3adbff 100644
--- a/wp-content/themes/core/blocks/tribe/horizontal-tabs/index.js
+++ b/wp-content/themes/core/blocks/tribe/horizontal-tabs/index.js
@@ -1,9 +1,9 @@
 import { registerBlockType } from '@wordpress/blocks';
+import { InnerBlocks } from '@wordpress/block-editor';
 
 import './style.pcss';
 
 import Edit from './edit';
-import save from './save';
 import metadata from './block.json';
 
 registerBlockType( metadata.name, {
@@ -30,7 +30,8 @@ registerBlockType( metadata.name, {
 	edit: Edit,
 
 	/**
-	 * @see ./save.js
+	 * Saves only inner blocks so order is persisted. Front-end markup is from render.php.
+	 * @param {Object} props
 	 */
-	save,
+	save: ( props ) => <InnerBlocks.Content { ...props } />,
 } );
diff --git a/wp-content/themes/core/blocks/tribe/horizontal-tabs/render.php b/wp-content/themes/core/blocks/tribe/horizontal-tabs/render.php
new file mode 100644
index 000000000..b16d8188d
--- /dev/null
+++ b/wp-content/themes/core/blocks/tribe/horizontal-tabs/render.php
@@ -0,0 +1,49 @@
+<?php declare(strict_types=1);
+
+use Tribe\Plugin\Components\Blocks\Horizontal_Tabs_Block_Controller;
+
+/**
+ * All of the parameters passed to the function where this file is being required are accessible in this scope:
+ *
+ * @var array     $attributes Block attributes (currentActiveTabInstanceId, etc.).
+ * @var string    $content    Rendered inner blocks (tab panels).
+ * @var \WP_Block $block      The instance of the WP_Block class that represents the block being rendered.
+ */
+
+$c = Horizontal_Tabs_Block_Controller::factory( [
+	'attributes'    => $attributes,
+	'block'         => $block,
+	'block_classes' => 'wp-block-tribe-horizontal-tabs',
+] );
+
+$wrapper_attrs = get_block_wrapper_attributes(
+	[
+		'class'   => $c->get_block_classes(),
+		'style'   => $c->get_block_styles(),
+		'data-js' => 'tabs-block',
+	]
+);
+?>
+<div <?php echo $wrapper_attrs; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>>
+	<div class="wp-block-tribe-horizontal-tabs__tab-nav">
+		<div class="wp-block-tribe-horizontal-tabs__tab-list" role="tablist">
+			<?php foreach ( $c->get_tabs() as $index => $tab ) : ?>
+				<?php $is_selected = $c->is_tab_selected( $index ); ?>
+				<button
+					type="button"
+					id="<?php echo esc_attr( $tab['buttonId'] ); ?>"
+					class="wp-block-tribe-horizontal-tabs__tab-item-button"
+					aria-controls="<?php echo esc_attr( $tab['id'] ); ?>"
+					role="tab"
+					aria-selected="<?php echo $is_selected ? 'true' : 'false'; ?>"
+					tabindex="<?php echo $is_selected ? '0' : '-1'; ?>"
+				>
+					<?php echo esc_html( $tab['label'] ); ?>
+				</button>
+			<?php endforeach; ?>
+		</div>
+	</div>
+	<div class="tab-content">
+		<?php echo $content; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
+	</div>
+</div>
diff --git a/wp-content/themes/core/blocks/tribe/horizontal-tabs/save.js b/wp-content/themes/core/blocks/tribe/horizontal-tabs/save.js
deleted file mode 100644
index d981de2bd..000000000
--- a/wp-content/themes/core/blocks/tribe/horizontal-tabs/save.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import { InnerBlocks, useBlockProps } from '@wordpress/block-editor';
-import { __ } from '@wordpress/i18n';
-
-export default function save( props ) {
-	const blockProps = {
-		...useBlockProps.save(),
-		'data-js': 'tabs-block',
-	};
-	const {
-		attributes: { tabs },
-	} = props;
-
-	// TODO: add control for accessible label
-
-	return (
-		<section { ...blockProps }>
-			<div className="wp-block-tribe-horizontal-tabs__tab-nav">
-				<div
-					className="wp-block-tribe-horizontal-tabs__tab-list"
-					role="tablist"
-				>
-					{ tabs.map( ( tab, index ) => {
-						return (
-							<button
-								key={ tab.id }
-								id={ tab.buttonId }
-								type="button"
-								className="wp-block-tribe-horizontal-tabs__tab-item-button"
-								aria-controls={ tab.id }
-								role="tab"
-								aria-selected={ index === 0 ? 'true' : 'false' }
-								tabIndex={ index === 0 ? '0' : '-1' }
-							>
-								{ tab.label !== ''
-									? tab.label
-									: __( 'Tab Label', 'tribe' ) }
-							</button>
-						);
-					} ) }
-				</div>
-			</div>
-			<div className="tab-content">
-				<InnerBlocks.Content />
-			</div>
-		</section>
-	);
-}