diff --git a/components/splitview/index.css b/components/splitview/index.css
index 748e9faf336..30098506a15 100644
--- a/components/splitview/index.css
+++ b/components/splitview/index.css
@@ -143,6 +143,7 @@
 		outline: none;
 	}
 
+	&.is-focused,
 	&:focus-visible {
 		outline: none;
 		background-color: var(--highcontrast-splitview-handle-background-color-focus, var(--mod-splitview-handle-background-color-focus, var(--spectrum-splitview-handle-background-color-focus)));
diff --git a/components/splitview/stories/splitview.stories.js b/components/splitview/stories/splitview.stories.js
index 2ae5f7b60c1..17fd6f45007 100644
--- a/components/splitview/stories/splitview.stories.js
+++ b/components/splitview/stories/splitview.stories.js
@@ -35,6 +35,15 @@ export default {
 				disable: true,
 			},
 		},
+		isFocused: {
+			name: "Focusable",
+			type: "boolean",
+			table: {
+				type: { summary: "boolean" },
+				category: "Component",
+				disable: true,
+			},
+		},
 		collapsePosition: {
 			name: "Collapse position",
 			type: "string",
@@ -100,6 +109,7 @@ HorizontallyFocused.play = async ({ canvasElement }) => {
 };
 HorizontallyFocused.args = {
 	orientation: "horizontal",
+	isFocused: true,
 	isResizable: true,
 	isCollapsible: false,
 	panelLabels: ["Left", "Right"],
diff --git a/components/splitview/stories/template.js b/components/splitview/stories/template.js
index c116589abb4..7d8037d3dd2 100644
--- a/components/splitview/stories/template.js
+++ b/components/splitview/stories/template.js
@@ -9,6 +9,7 @@ export const Template = ({
 	customClasses = [],
 	orientation = "horizontal",
 	isResizable = false,
+	isFocused = false,
 	isCollapsible = false,
 	collapsePosition,
 	panelLabels = [],
@@ -44,6 +45,7 @@ export const Template = ({
 			<div
 				class=${classMap({
 					[`${rootClass}-splitter`]: true,
+					["is-focused"]: isFocused,
 					["is-draggable"]: isResizable,
 					[`is-collapsed-${collapsibleClassName}`]: isCollapsible,
 				})}