diff --git a/.vscode/settings.json b/.vscode/settings.json
index 7678a2449c3..0211eae9519 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,5 +1,5 @@
 {
-    "cSpell.words": ["babylonjs", "Pickable"],
+    "cSpell.words": ["babylonjs", "fluentui", "Pickable"],
     "files.exclude": {
         "**/node_modules": true,
         "**/dist": false,
diff --git a/packages/dev/inspector-v2/src/components/pane.tsx b/packages/dev/inspector-v2/src/components/pane.tsx
new file mode 100644
index 00000000000..1da85cdafab
--- /dev/null
+++ b/packages/dev/inspector-v2/src/components/pane.tsx
@@ -0,0 +1,21 @@
+import { makeStyles, tokens } from "@fluentui/react-components";
+import { forwardRef, type PropsWithChildren } from "react";
+
+const useStyles = makeStyles({
+    paneRootDiv: {
+        padding: `${tokens.spacingVerticalM} ${tokens.spacingHorizontalM}`,
+    },
+});
+
+/**
+ * Used to apply common styles to panes.
+ */
+export const Pane = forwardRef<HTMLDivElement, PropsWithChildren>((props, ref) => {
+    const classes = useStyles();
+
+    return (
+        <div className={classes.paneRootDiv} ref={ref}>
+            {props.children}
+        </div>
+    );
+});