diff --git a/oidc-ui/src/components/Background.js b/oidc-ui/src/components/Background.js
index 63d3035fb..bbd0368b3 100644
--- a/oidc-ui/src/components/Background.js
+++ b/oidc-ui/src/components/Background.js
@@ -31,8 +31,9 @@ export default function Background({
 
   // check if background logo is needed or not,
   // create div according to the environment variable
+  console.log("REACT_APP_BACKGROUND_LOGO", getBooleanValue("REACT_APP_BACKGROUND_LOGO"))
   const backgroundLogoDiv =
-    getBooleanValue(process.env.REACT_APP_BACKGROUND_LOGO) ? (
+    getBooleanValue("REACT_APP_BACKGROUND_LOGO") ? (
       <div className="flex justify-center m-10 lg:mt-20 mb:mt-0 lg:w-1/2 md:w-1/2 md:block sm:w-1/2 sm:block hidden w-5/6 mt-20 mb-10 md:mb-0">
         <img
           className="background-logo object-contain rtl:scale-x-[-1]"
diff --git a/oidc-ui/src/components/Consent.js b/oidc-ui/src/components/Consent.js
index a265a9311..be2e358a9 100644
--- a/oidc-ui/src/components/Consent.js
+++ b/oidc-ui/src/components/Consent.js
@@ -47,7 +47,7 @@ export default function Consent({
   const [cancelPopup, setCancelPopup] = useState(false);
 
   const slideToggleClass = getBooleanValue(
-    process.env.REACT_APP_NO_OUTLINE_TOGGLE
+    "REACT_APP_NO_OUTLINE_TOGGLE"
   )
     ? "toggle-no-outline"
     : "toggle-outline";
@@ -406,8 +406,9 @@ export default function Consent({
 
   // check if background logo is needed or not,
   // create div according to the environment variable
+  console.log("REACT_APP_BACKGROUND_LOGO_CONSENT", getBooleanValue("REACT_APP_BACKGROUND_LOGO"))
   const backgroundLogoDiv =
-    getBooleanValue(process.env.REACT_APP_BACKGROUND_LOGO) ? (
+    getBooleanValue("REACT_APP_BACKGROUND_LOGO") ? (
       <div className="flex justify-center m-10 lg:mt-20 mb:mt-0 lg:w-1/2 md:w-1/2 md:block sm:w-1/2 sm:block hidden w-5/6 mt-20 mb-10 md:mb-0">
         <img
           className="background-logo object-contain rtl:scale-x-[-1]"
diff --git a/oidc-ui/src/components/EsignetDetails.js b/oidc-ui/src/components/EsignetDetails.js
index ce33cdf3a..07758a994 100644
--- a/oidc-ui/src/components/EsignetDetails.js
+++ b/oidc-ui/src/components/EsignetDetails.js
@@ -30,8 +30,9 @@ export default function EsignetDetails({ i18nKeyPrefix = "esignetDetails" }) {
 
   // check if background logo is needed or not,
   // create div according to the environment variable
+  console.log("REACT_APP_BACKGROUND_LOGO_ESIGNETDETAILS", getBooleanValue("REACT_APP_BACKGROUND_LOGO"))
   const backgroundLogoDiv =
-    getBooleanValue(process.env.REACT_APP_BACKGROUND_LOGO) ? (
+    getBooleanValue("REACT_APP_BACKGROUND_LOGO") ? (
       <div className="flex justify-center m-10 lg:mt-20 mb:mt-0 lg:w-1/2 md:w-1/2 md:block sm:w-1/2 sm:block hidden w-5/6 mt-20 mb-10 md:mb-0">
         <img
           className="background-logo object-contain rtl:scale-x-[-1]"
diff --git a/oidc-ui/src/components/Footer.js b/oidc-ui/src/components/Footer.js
index 0df4f1d49..891b8fe70 100644
--- a/oidc-ui/src/components/Footer.js
+++ b/oidc-ui/src/components/Footer.js
@@ -4,7 +4,8 @@ import { getBooleanValue } from "../services/utilService";
 export default function Footer({ i18nKeyPrefix = "footer" }) {
   console.log(process.env.REACT_APP_FOOTER)
   console.log(typeof process.env.REACT_APP_FOOTER)
-  const footerCheck = getBooleanValue(process.env.REACT_APP_FOOTER);
+  console.log("REACT_APP_FOOTER", getBooleanValue("REACT_APP_FOOTER"))
+  const footerCheck = getBooleanValue("REACT_APP_FOOTER");
 
   const { t } = useTranslation("translation", {
     keyPrefix: i18nKeyPrefix,
diff --git a/oidc-ui/src/components/NavHeader.js b/oidc-ui/src/components/NavHeader.js
index 93a1b76e3..3e3344b77 100644
--- a/oidc-ui/src/components/NavHeader.js
+++ b/oidc-ui/src/components/NavHeader.js
@@ -13,7 +13,7 @@ export default function NavHeader({ langOptions, i18nKeyPrefix = "header" }) {
     i18n.changeLanguage(e.value);
   };
 
-  const removeIndicatorPipe = getBooleanValue(process.env.REACT_APP_REMOVE_INDICATOR_PIPE);
+  const removeIndicatorPipe = getBooleanValue("REACT_APP_REMOVE_INDICATOR_PIPE");
 
   const customStyles = {
       control: (base) => ({
diff --git a/oidc-ui/src/services/utilService.js b/oidc-ui/src/services/utilService.js
index de13876f1..3622971a1 100644
--- a/oidc-ui/src/services/utilService.js
+++ b/oidc-ui/src/services/utilService.js
@@ -1,9 +1,13 @@
 const getBooleanValue = (inputValue) => {
-    if (typeof(inputValue) === 'undefined' || inputValue === null || inputValue === '') {
-        console.log("no input provided")
+    var val = process.env[inputValue]
+    console.log(inputValue, val)
+    console.log(typeof val)
+    if (typeof(val) === 'undefined' || val === null || val === '') {
+        console.log("no input provided", inputValue)
         return false;
     }
-    return /^true$/i.test(inputValue);
+    console.log("valid input provided", inputValue)
+    return /^true$/i.test(val);
 }
 
 export { getBooleanValue };
\ No newline at end of file