diff --git a/packages/elements-core/src/components/Docs/HttpService/HttpService.spec.tsx b/packages/elements-core/src/components/Docs/HttpService/HttpService.spec.tsx
index ae6c8cd78..85bbe0ff6 100644
--- a/packages/elements-core/src/components/Docs/HttpService/HttpService.spec.tsx
+++ b/packages/elements-core/src/components/Docs/HttpService/HttpService.spec.tsx
@@ -10,6 +10,7 @@ import httpService from '../../../__fixtures__/services/petstore';
 import { httpServiceWithUnnamedServers } from '../../../__fixtures__/services/with-unnamed-servers';
 import { httpServiceWithUrlVariables } from '../../../__fixtures__/services/with-url-variables';
 import { httpServiceWithoutOrigin } from '../../../__fixtures__/services/without-origin';
+import { ElementsOptionsProvider } from '../../../context/Options';
 import { AdditionalInfo } from './AdditionalInfo';
 import { HttpService } from './index';
 import { SecuritySchemes } from './SecuritySchemes';
@@ -426,4 +427,18 @@ describe('useSplitUrl hook', () => {
       { kind: 'static', value: '.stoplight.io{test' },
     ]);
   });
+
+  it('HttpService renders NodeVendorExtensions', () => {
+    const wrapper = render(
+      <Router>
+        <MosaicProvider>
+          <ElementsOptionsProvider renderExtensionAddon={() => <div>Vendor Extensions</div>}>
+            <HttpService data={{ ...httpService, extensions: { ['x-test-extension']: 'test' } }} />
+          </ElementsOptionsProvider>
+        </MosaicProvider>
+      </Router>,
+    );
+
+    expect(wrapper.getByText('Vendor Extensions')).toBeInTheDocument();
+  });
 });
diff --git a/packages/elements-core/src/components/Docs/HttpService/HttpService.tsx b/packages/elements-core/src/components/Docs/HttpService/HttpService.tsx
index 42959e6ff..88acfe1da 100644
--- a/packages/elements-core/src/components/Docs/HttpService/HttpService.tsx
+++ b/packages/elements-core/src/components/Docs/HttpService/HttpService.tsx
@@ -11,6 +11,7 @@ import { MarkdownViewer } from '../../MarkdownViewer';
 import { PoweredByLink } from '../../PoweredByLink';
 import { DocsComponentProps } from '..';
 import { VersionBadge } from '../HttpOperation/Badges';
+import { NodeVendorExtensions } from '../NodeVendorExtensions';
 import { AdditionalInfo } from './AdditionalInfo';
 import { ExportButton } from './ExportButton';
 import { SecuritySchemes } from './SecuritySchemes';
@@ -91,6 +92,8 @@ const HttpServiceComponent = React.memo<HttpServiceProps>(
             <NodeAnnotation change={descriptionChanged} />
           </Box>
         )}
+
+        <NodeVendorExtensions data={data} />
       </Box>
     );
   },