diff --git a/js_modules/dagster-ui/packages/ui-core/src/workspace/CodeLocationSource.tsx b/js_modules/dagster-ui/packages/ui-core/src/workspace/CodeLocationSource.tsx
index c1429082f027a..e005d529f38c5 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/workspace/CodeLocationSource.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/workspace/CodeLocationSource.tsx
@@ -28,13 +28,15 @@ export const CodeLocationSource = ({metadata}: {metadata: Metadata[]}) => {
   const {type, url} = urlValue;
 
   return (
-    <ExternalAnchorButton
-      href={url.toString()}
-      icon={<Icon name={type === 'github-url' ? 'github' : 'gitlab'} />}
-      rightIcon={<Icon name="open_in_new" />}
-    >
-      View repo
-    </ExternalAnchorButton>
+    <div>
+      <ExternalAnchorButton
+        href={url.toString()}
+        icon={<Icon name={type === 'github-url' ? 'github' : 'gitlab'} />}
+        rightIcon={<Icon name="open_in_new" />}
+      >
+        View repo
+      </ExternalAnchorButton>
+    </div>
   );
 };
 
diff --git a/js_modules/dagster-ui/packages/ui-core/src/workspace/__stories__/CodeLocationSource.stories.tsx b/js_modules/dagster-ui/packages/ui-core/src/workspace/__stories__/CodeLocationSource.stories.tsx
new file mode 100644
index 0000000000000..7954f12ddea97
--- /dev/null
+++ b/js_modules/dagster-ui/packages/ui-core/src/workspace/__stories__/CodeLocationSource.stories.tsx
@@ -0,0 +1,24 @@
+import {Box} from '@dagster-io/ui-components';
+import {Meta} from '@storybook/react';
+
+import {CodeLocationSource} from '../CodeLocationSource';
+
+// eslint-disable-next-line import/no-default-export
+export default {
+  title: 'CodeLocationSource',
+  component: CodeLocationSource,
+} as Meta;
+
+export const Default = () => {
+  return (
+    <Box flex={{direction: 'column', gap: 20}}>
+      <CodeLocationSource metadata={[]} />
+      <CodeLocationSource metadata={[{key: 'url', value: 'not-a-url'}]} />
+      <CodeLocationSource
+        metadata={[{key: 'url', value: 'https://github.com/dagster-io/dagster'}]}
+      />
+      <CodeLocationSource metadata={[{key: 'url', value: 'https://gitlab.com/foo-bar'}]} />
+      <CodeLocationSource metadata={[{key: 'url', value: 'https://zombo.com'}]} />
+    </Box>
+  );
+};