diff --git a/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewRoot.tsx b/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewRoot.tsx
index d4d8adeffc388..d546358d4fced 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewRoot.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewRoot.tsx
@@ -5,14 +5,15 @@ import {
MiddleTruncate,
Mono,
StyledRawCodeMirror,
- Subheading,
Table,
} from '@dagster-io/ui-components';
-import {ComponentProps, ReactNode, useMemo} from 'react';
+import {useMemo} from 'react';
+import {CodeLocationServerSection} from 'shared/code-location/CodeLocationServerSection.oss';
import {CodeLocationTabs} from 'shared/code-location/CodeLocationTabs.oss';
import {createGlobalStyle} from 'styled-components';
import * as yaml from 'yaml';
+import {CodeLocationOverviewSectionHeader} from './CodeLocationOverviewSectionHeader';
import {CodeLocationPageHeader} from './CodeLocationPageHeader';
import {TimeFromNow} from '../ui/TimeFromNow';
import {LocationStatus} from '../workspace/CodeLocationRowSet';
@@ -57,7 +58,7 @@ export const CodeLocationOverviewRoot = (props: Props) => {
-
+
{/* Fixed table layout to contain overflowing strings in right column */}
@@ -93,9 +94,10 @@ export const CodeLocationOverviewRoot = (props: Props) => {
) : null}
+
{libraryVersions?.length ? (
<>
-
+
{libraryVersions.map((version) => (
@@ -112,7 +114,7 @@ export const CodeLocationOverviewRoot = (props: Props) => {
>
) : null}
-
+
['border'];
-}) => (
-
- {label}
-
-);
diff --git a/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewSectionHeader.tsx b/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewSectionHeader.tsx
new file mode 100644
index 0000000000000..044957efe456d
--- /dev/null
+++ b/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewSectionHeader.tsx
@@ -0,0 +1,18 @@
+import {Box, Colors, Subheading} from '@dagster-io/ui-components';
+import {ComponentProps, ReactNode} from 'react';
+
+export const CodeLocationOverviewSectionHeader = ({
+ label,
+ border = null,
+}: {
+ label: ReactNode;
+ border?: ComponentProps['border'];
+}) => (
+
+ {label}
+
+);
diff --git a/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationServerSection.oss.tsx b/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationServerSection.oss.tsx
new file mode 100644
index 0000000000000..a5edd0bfe2c4d
--- /dev/null
+++ b/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationServerSection.oss.tsx
@@ -0,0 +1 @@
+export const CodeLocationServerSection = () => <>>;