From ded55fb75976a13db3e7a740e9c1848b98105d13 Mon Sep 17 00:00:00 2001
From: Ashley Ray <mcentee.am@gmail.com>
Date: Thu, 3 Aug 2023 15:20:53 -0400
Subject: [PATCH 1/2] chore(aboutmodal): added token instead off hard coded
 value

---
 packages/react-core/src/components/AboutModal/AboutModal.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/react-core/src/components/AboutModal/AboutModal.tsx b/packages/react-core/src/components/AboutModal/AboutModal.tsx
index f9ff229bd2a..956bdf5bd19 100644
--- a/packages/react-core/src/components/AboutModal/AboutModal.tsx
+++ b/packages/react-core/src/components/AboutModal/AboutModal.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { css } from '@patternfly/react-styles';
+import AboutModalBoxBackgroundImage from '@patternfly/react-tokens/dist/esm/c_about_modal_box_BackgroundImage';
 import { AboutModalBoxContent } from './AboutModalBoxContent';
 import { AboutModalBoxHeader } from './AboutModalBoxHeader';
 import { AboutModalBoxBrand } from './AboutModalBoxBrand';
@@ -87,9 +88,9 @@ export const AboutModal: React.FunctionComponent<AboutModalProps> = ({
           hasNoBodyWrapper
         >
           <AboutModalBox
-             style={
+            style={
               backgroundImageSrc
-                ? { ['--pf-v5-c-about-modal-box--BackgroundImage']: `url(${backgroundImageSrc})` } as React.CSSProperties  
+                ? { [AboutModalBoxBackgroundImage.name]: `url(${backgroundImageSrc})` } as React.CSSProperties
                 : {}
             }
             className={css(className)}

From 7a73eaa3dd846d3e15cae948b9958834f3caafa4 Mon Sep 17 00:00:00 2001
From: Ashley Ray <mcentee.am@gmail.com>
Date: Fri, 4 Aug 2023 09:21:17 -0400
Subject: [PATCH 2/2] chore(aboutmodal): changed import name

---
 packages/react-core/src/components/AboutModal/AboutModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react-core/src/components/AboutModal/AboutModal.tsx b/packages/react-core/src/components/AboutModal/AboutModal.tsx
index 956bdf5bd19..a4e5b2c2658 100644
--- a/packages/react-core/src/components/AboutModal/AboutModal.tsx
+++ b/packages/react-core/src/components/AboutModal/AboutModal.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { css } from '@patternfly/react-styles';
-import AboutModalBoxBackgroundImage from '@patternfly/react-tokens/dist/esm/c_about_modal_box_BackgroundImage';
+import backgroundImage from '@patternfly/react-tokens/dist/esm/c_about_modal_box_BackgroundImage';
 import { AboutModalBoxContent } from './AboutModalBoxContent';
 import { AboutModalBoxHeader } from './AboutModalBoxHeader';
 import { AboutModalBoxBrand } from './AboutModalBoxBrand';
@@ -90,7 +90,7 @@ export const AboutModal: React.FunctionComponent<AboutModalProps> = ({
           <AboutModalBox
             style={
               backgroundImageSrc
-                ? { [AboutModalBoxBackgroundImage.name]: `url(${backgroundImageSrc})` } as React.CSSProperties
+                ? { [backgroundImage.name]: `url(${backgroundImageSrc})` } as React.CSSProperties
                 : {}
             }
             className={css(className)}