diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Database/StoredProcedureVersion/StoredProcedureVersion.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Database/StoredProcedureVersion/StoredProcedureVersion.component.tsx
index 51dcbd7eb120..5ba5029fd602 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Database/StoredProcedureVersion/StoredProcedureVersion.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Database/StoredProcedureVersion/StoredProcedureVersion.component.tsx
@@ -39,6 +39,7 @@ import DataAssetsVersionHeader from '../../DataAssets/DataAssetsVersionHeader/Da
 import DataProductsContainer from '../../DataProducts/DataProductsContainer/DataProductsContainer.component';
 import EntityVersionTimeLine from '../../Entity/EntityVersionTimeLine/EntityVersionTimeLine';
 import TagsContainerV2 from '../../Tag/TagsContainerV2/TagsContainerV2';
+import { StoredProcedureCodeCard } from '../StoredProcedureCodeCard/StoredProcedureCodeCard';
 import { StoredProcedureVersionProp } from './StoredProcedureVersion.interface';
 
 const StoredProcedureVersion = ({
@@ -132,6 +133,9 @@ const StoredProcedureVersion = ({
                     showActions={false}
                   />
                 </Col>
+                <Col span={24}>
+                  <StoredProcedureCodeCard />
+                </Col>
               </Row>
             </Col>
             <Col
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Database/StoredProcedureVersion/StoredProcedureVersion.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Database/StoredProcedureVersion/StoredProcedureVersion.test.tsx
index cdf4823facde..a9d0457edf99 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Database/StoredProcedureVersion/StoredProcedureVersion.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Database/StoredProcedureVersion/StoredProcedureVersion.test.tsx
@@ -41,6 +41,12 @@ jest.mock('../../common/EntityDescription/DescriptionV1', () =>
   jest.fn().mockImplementation(() => <div>DescriptionV1</div>)
 );
 
+jest.mock('../StoredProcedureCodeCard/StoredProcedureCodeCard', () => ({
+  StoredProcedureCodeCard: jest
+    .fn()
+    .mockImplementation(() => <div>StoredProcedureCodeCard</div>),
+}));
+
 jest.mock('../../Entity/EntityVersionTimeLine/EntityVersionTimeLine', () =>
   jest.fn().mockImplementation(() => <div>EntityVersionTimeLine</div>)
 );
@@ -76,6 +82,7 @@ describe('StoredProcedureVersion tests', () => {
 
     const dataAssetsVersionHeader = screen.getByText('DataAssetsVersionHeader');
     const description = screen.getByText('DescriptionV1');
+    const codeCard = screen.getByText('StoredProcedureCodeCard');
     const codeTabLabel = screen.getByText('label.code');
     const customPropertyTabLabel = screen.getByText(
       'label.custom-property-plural'
@@ -84,6 +91,7 @@ describe('StoredProcedureVersion tests', () => {
 
     expect(dataAssetsVersionHeader).toBeInTheDocument();
     expect(description).toBeInTheDocument();
+    expect(codeCard).toBeInTheDocument();
     expect(codeTabLabel).toBeInTheDocument();
     expect(customPropertyTabLabel).toBeInTheDocument();
     expect(entityVersionTimeLine).toBeInTheDocument();
diff --git a/openmetadata-ui/src/main/resources/ui/src/mocks/StoredProcedureVersion.mock.ts b/openmetadata-ui/src/main/resources/ui/src/mocks/StoredProcedureVersion.mock.ts
index d1edd624f301..243354803606 100644
--- a/openmetadata-ui/src/main/resources/ui/src/mocks/StoredProcedureVersion.mock.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/mocks/StoredProcedureVersion.mock.ts
@@ -86,7 +86,10 @@ const mockData = {
     previousVersion: 0.1,
   },
   deleted: false,
-  storedProcedureCode: '',
+  storedProcedureCode: {
+    code: 'CREATE OR REPLACE PROCEDURE update_dim_address_table()',
+    language: 'SQL',
+  },
 };
 
 export const storedProcedureVersionMockProps: StoredProcedureVersionProp = {