diff --git a/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCard.md b/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCard.md
index ddb45061..59f20f82 100644
--- a/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCard.md
+++ b/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCard.md
@@ -15,17 +15,25 @@ The **service card** component displays a card representing a service with an ic
 
 ## Examples
 
-### Service Card
+### Basic service card
 
-This shows a basic service card with an `icon`, `title`, `description`, and optional footer passed in.
+This shows a basic service card with an `icon`, `title`, `description`, and optional footer passed in. You can also pass all props of the [card component](/components/card).
 
 ```js file="./ServiceCardExample.tsx"
 
 ```
 
-### Service Card with Gallery example
+### Stacked service card
 
-This shows how cards can look side by side in a [gallery layout](/layouts/gallery).
+If you set `isStacked` property to `true`, the header layout changes to stacked.
+
+```js file="./ServiceCardStackedExample.tsx"
+
+```
+
+### Service card in a gallery
+
+This shows how cards can look side by side in a [gallery layout](/layouts/gallery). If you set `isFullHeight` property to `true`, the card height will fill the available space.
 
 ```js file="./ServiceCardGalleryExample.tsx"
 
diff --git a/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCardExample.tsx b/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCardExample.tsx
index ea81007c..7779d3cd 100644
--- a/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCardExample.tsx
+++ b/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCardExample.tsx
@@ -13,9 +13,9 @@ export const BasicExample: React.FunctionComponent = () => (
     helperText='Here is helper text'
     footer={<>
       <Button
-        variant={ButtonVariant.secondary}
+        variant={ButtonVariant.primary}
         isInline
-        className='pf-v5-u-pr-md'
+        className='pf-v5-u-mr-md'
         component="a"
         href='www.google.com'>
           Launch
@@ -26,7 +26,7 @@ export const BasicExample: React.FunctionComponent = () => (
         isInline
         href='www.google.com'
       >
-          Learn More
+          Learn more
       </Button></>
     }
   />
diff --git a/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCardGalleryExample.tsx b/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCardGalleryExample.tsx
index c0da0ffc..7d7e056e 100644
--- a/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCardGalleryExample.tsx
+++ b/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCardGalleryExample.tsx
@@ -8,7 +8,9 @@ import contentHeaderIcon from '../../assets/icons/content-header-icon.svg';
 export const ServiceCardGalleryExample: React.FunctionComponent = () => (
   <Gallery hasGutter minWidths={{ default: '330px' }}>
     <GalleryItem>
-      <ServiceCard 
+      <ServiceCard
+        isStacked
+        isFullHeight
         title='Example1'
         subtitle='A basic example'
         description='This is a basic ServiceCard Example'
@@ -18,7 +20,9 @@ export const ServiceCardGalleryExample: React.FunctionComponent = () => (
       />
     </GalleryItem>
     <GalleryItem>
-      <ServiceCard 
+      <ServiceCard
+        isStacked
+        isFullHeight
         title='Example2'
         subtitle='A second example'
         description='This is another basic ServiceCard Example'
@@ -26,8 +30,9 @@ export const ServiceCardGalleryExample: React.FunctionComponent = () => (
         helperText=''
         footer={<>
           <Button
-            variant={ButtonVariant.secondary}
+            variant={ButtonVariant.primary}
             isInline
+            className='pf-v5-u-mr-md'
             component="a"
             href='www.google.com'>
             Launch
@@ -38,7 +43,7 @@ export const ServiceCardGalleryExample: React.FunctionComponent = () => (
             isInline
             href='www.google.com'
           >
-            Learn More
+            Learn more
           </Button></>
         }
       />
diff --git a/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCardStackedExample.tsx b/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCardStackedExample.tsx
new file mode 100644
index 00000000..dca620d8
--- /dev/null
+++ b/packages/module/patternfly-docs/content/extensions/component-groups/examples/ServiceCard/ServiceCardStackedExample.tsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import ServiceCard from "@patternfly/react-component-groups/dist/dynamic/ServiceCard";
+import contentHeaderIcon from '../../assets/icons/content-header-icon.svg';
+import { Button, ButtonVariant } from '@patternfly/react-core';
+
+
+export const BasicExample: React.FunctionComponent = () => (
+  <ServiceCard
+    isStacked
+    title='Example'
+    subtitle='A basic example'
+    description='This is a basic ServiceCard Example'
+    icon={<img src={contentHeaderIcon} alt="content-header-icon" />}
+    helperText='Here is helper text'
+    footer={<>
+      <Button
+        variant={ButtonVariant.primary}
+        isInline
+        className='pf-v5-u-mr-md'
+        component="a"
+        href='www.google.com'>
+          Launch
+      </Button>
+      <Button
+        variant={ButtonVariant.link}
+        component="a"
+        isInline
+        href='www.google.com'
+      >
+          Learn more
+      </Button></>
+    }
+  />
+);
\ No newline at end of file
diff --git a/packages/module/src/ServiceCard/ServiceCard.test.tsx b/packages/module/src/ServiceCard/ServiceCard.test.tsx
index 8550afae..ec61e1c1 100644
--- a/packages/module/src/ServiceCard/ServiceCard.test.tsx
+++ b/packages/module/src/ServiceCard/ServiceCard.test.tsx
@@ -2,8 +2,8 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import ServiceCard from './ServiceCard';
 
-describe('LogSnippet component', () => {
-  it('should render LogSnippet component', () => {
+describe('ServiceCard component', () => {
+  it('should render ServiceCard component', () => {
     expect(render(<ServiceCard 
       title='Example'
       subtitle='A basic example'
diff --git a/packages/module/src/ServiceCard/ServiceCard.tsx b/packages/module/src/ServiceCard/ServiceCard.tsx
index cc5a9095..c807586c 100644
--- a/packages/module/src/ServiceCard/ServiceCard.tsx
+++ b/packages/module/src/ServiceCard/ServiceCard.tsx
@@ -1,10 +1,11 @@
 import React from 'react';
-import { Card, CardBody, CardFooter, CardHeader, Text, TextContent, TextVariants } from '@patternfly/react-core';
+import { Card, CardBody, CardFooter, CardHeader, Text, TextContent, TextVariants, Flex, FlexItem, CardProps } from '@patternfly/react-core';
 import { HelperText } from '@patternfly/react-core/dist/dynamic/components/HelperText';
 import { HelperTextItem } from '@patternfly/react-core/dist/dynamic/components/HelperText';
 import { createUseStyles } from 'react-jss';
+import clsx from 'clsx';
 
-export interface ServiceCardProps {
+export interface ServiceCardProps extends CardProps {
   /** Service card title */
   title: string;
   /** Service card subtitle */
@@ -19,11 +20,15 @@ export interface ServiceCardProps {
   footer?: React.ReactElement | null;
   /** Optional custom OUIA ID */
   ouiaId?: string | number;
+  /** Optional flag modifying the card header layout */
+  isStacked?: boolean;
+  /** Optional flag indicating if the card height fills the available space */
+  isFullHeight?: boolean;
 }
 
 const useStyles = createUseStyles({
-  card: {
-    height: 'var(--pf-v5-u-h-100)'
+  fullHeightCard: {
+    height: '100%'
   },
   image: {
     marginRight: 'var(--pf-v5-global--spacer--md)',
@@ -38,32 +43,40 @@ const ServiceCard: React.FunctionComponent<ServiceCardProps> = ({
   icon,
   helperText,
   footer = null,
-  ouiaId='ServiceCard'
+  ouiaId='ServiceCard',
+  isStacked = false,
+  isFullHeight = false,
+  ...props
 }: ServiceCardProps) => {
   const classes = useStyles();
 
   return (
-    <Card className={classes.card} ouiaId={`${ouiaId}-card`}>
+    <Card className={clsx({ [classes.fullHeightCard]: isFullHeight })} ouiaId={`${ouiaId}-card`} {...props}>
       <CardHeader>
-        <div className={classes.image}>
-          {icon}
-        </div>
-        <TextContent>
-          <Text component={TextVariants.h2} ouiaId={`${ouiaId}-title`}>{title}</Text>
-          {subtitle}
-        </TextContent>
+        <Flex direction={{ default: isStacked ? 'column' : 'row' }} alignItems={{ default: isStacked ? 'alignItemsFlexStart' : 'alignItemsCenter' }}>
+          <FlexItem className={classes.image}>
+            {icon}
+          </FlexItem>
+          <FlexItem>
+            <TextContent>
+              <Text component={TextVariants.h2} ouiaId={`${ouiaId}-title`}>{title}</Text>
+              {subtitle}
+            </TextContent>
+          </FlexItem>
+        </Flex>
       </CardHeader>
       <CardBody data-ouia-component-id={`${ouiaId}-description`}>{description}</CardBody>
-      <CardFooter data-ouia-component-id={`${ouiaId}-footer`}>
-        { helperText ?
-          ( <HelperText data-ouia-component-id={`${ouiaId}-helper-text`}>
-            <HelperTextItem variant="indeterminate" className="pf-v5-u-mb-lg">
-              {helperText}
-            </HelperTextItem>
-          </HelperText>) : null
-        }
-        { footer }
-      </CardFooter>
+      { footer || helperText ? (
+        <CardFooter data-ouia-component-id={`${ouiaId}-footer`}>
+          { helperText ?
+            ( <HelperText data-ouia-component-id={`${ouiaId}-helper-text`}>
+              <HelperTextItem variant="indeterminate" className="pf-v5-u-mb-lg">
+                {helperText}
+              </HelperTextItem>
+            </HelperText>) : null
+          }
+          { footer }
+        </CardFooter>) : null}
     </Card>
   )
 }
diff --git a/packages/module/src/ServiceCard/__snapshots__/ServiceCard.test.tsx.snap b/packages/module/src/ServiceCard/__snapshots__/ServiceCard.test.tsx.snap
index 74cff0d1..1c3d8882 100644
--- a/packages/module/src/ServiceCard/__snapshots__/ServiceCard.test.tsx.snap
+++ b/packages/module/src/ServiceCard/__snapshots__/ServiceCard.test.tsx.snap
@@ -1,12 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`LogSnippet component should render LogSnippet component 1`] = `
+exports[`ServiceCard component should render ServiceCard component 1`] = `
 {
   "asFragment": [Function],
   "baseElement": <body>
     <div>
       <div
-        class="pf-v5-c-card card-0-2-1"
+        class="pf-v5-c-card"
         data-ouia-component-id="ServiceCard-card"
         data-ouia-component-type="PF5/Card"
         data-ouia-safe="true"
@@ -19,23 +19,31 @@ exports[`LogSnippet component should render LogSnippet component 1`] = `
             class="pf-v5-c-card__header-main"
           >
             <div
-              class="image-0-2-2"
-            >
-              /
-            </div>
-            <div
-              class="pf-v5-c-content"
+              class="pf-v5-l-flex pf-m-row pf-m-align-items-center"
             >
-              <h2
+              <div
+                class="image-0-2-2"
+              >
+                /
+              </div>
+              <div
                 class=""
-                data-ouia-component-id="ServiceCard-title"
-                data-ouia-component-type="PF5/Text"
-                data-ouia-safe="true"
-                data-pf-content="true"
               >
-                Example
-              </h2>
-              A basic example
+                <div
+                  class="pf-v5-c-content"
+                >
+                  <h2
+                    class=""
+                    data-ouia-component-id="ServiceCard-title"
+                    data-ouia-component-type="PF5/Text"
+                    data-ouia-safe="true"
+                    data-pf-content="true"
+                  >
+                    Example
+                  </h2>
+                  A basic example
+                </div>
+              </div>
             </div>
           </div>
         </div>
@@ -45,16 +53,12 @@ exports[`LogSnippet component should render LogSnippet component 1`] = `
         >
           This is a basic ServiceCard Example
         </div>
-        <div
-          class="pf-v5-c-card__footer"
-          data-ouia-component-id="ServiceCard-footer"
-        />
       </div>
     </div>
   </body>,
   "container": <div>
     <div
-      class="pf-v5-c-card card-0-2-1"
+      class="pf-v5-c-card"
       data-ouia-component-id="ServiceCard-card"
       data-ouia-component-type="PF5/Card"
       data-ouia-safe="true"
@@ -67,23 +71,31 @@ exports[`LogSnippet component should render LogSnippet component 1`] = `
           class="pf-v5-c-card__header-main"
         >
           <div
-            class="image-0-2-2"
-          >
-            /
-          </div>
-          <div
-            class="pf-v5-c-content"
+            class="pf-v5-l-flex pf-m-row pf-m-align-items-center"
           >
-            <h2
+            <div
+              class="image-0-2-2"
+            >
+              /
+            </div>
+            <div
               class=""
-              data-ouia-component-id="ServiceCard-title"
-              data-ouia-component-type="PF5/Text"
-              data-ouia-safe="true"
-              data-pf-content="true"
             >
-              Example
-            </h2>
-            A basic example
+              <div
+                class="pf-v5-c-content"
+              >
+                <h2
+                  class=""
+                  data-ouia-component-id="ServiceCard-title"
+                  data-ouia-component-type="PF5/Text"
+                  data-ouia-safe="true"
+                  data-pf-content="true"
+                >
+                  Example
+                </h2>
+                A basic example
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -93,10 +105,6 @@ exports[`LogSnippet component should render LogSnippet component 1`] = `
       >
         This is a basic ServiceCard Example
       </div>
-      <div
-        class="pf-v5-c-card__footer"
-        data-ouia-component-id="ServiceCard-footer"
-      />
     </div>
   </div>,
   "debug": [Function],