diff --git a/src/components/customerCases/customerCase/CustomerCase.tsx b/src/components/customerCases/customerCase/CustomerCase.tsx
index 5a495d81..755f43a3 100644
--- a/src/components/customerCases/customerCase/CustomerCase.tsx
+++ b/src/components/customerCases/customerCase/CustomerCase.tsx
@@ -19,9 +19,14 @@ export default async function CustomerCase({
   customerCase,
   customerCasesPagePath,
 }: CustomerCaseProps) {
-  const consultantsResult = await fetchEmployeesByEmails(
-    customerCase.projectInfo.consultants.map((e) => e.employeeEmail),
-  );
+  let consultantsResult;
+
+  if (customerCase.projectInfo.consultants) {
+    const consultantsEmail = customerCase.projectInfo.consultants.map(
+      (e) => e.employeeEmail,
+    );
+    consultantsResult = await fetchEmployeesByEmails(consultantsEmail);
+  }
 
   return (
     <div className={styles.wrapper}>
@@ -32,14 +37,12 @@ export default async function CustomerCase({
           color={customerCase.clientColors.color}
         />
         <hr className={styles.divider} />
-        {consultantsResult.ok && (
-          <div className={styles.projectInfoWrapper}>
-            <CustomerCaseProjectInfo
-              projectInfo={customerCase.projectInfo}
-              clientColors={customerCase.clientColors}
-            />
-          </div>
-        )}
+        <div className={styles.projectInfoWrapper}>
+          <CustomerCaseProjectInfo
+            projectInfo={customerCase.projectInfo}
+            clientColors={customerCase.clientColors}
+          />
+        </div>
         <div className={styles.mainImageWrapper}>
           <SanitySharedImage image={customerCase.image} />
         </div>
@@ -48,7 +51,7 @@ export default async function CustomerCase({
             <CustomerCaseSection key={section._key} section={section} />
           ))}
         </div>
-        {consultantsResult.ok && (
+        {consultantsResult?.ok && (
           <CustomerCaseConsultants
             language={customerCase.language}
             consultants={consultantsResult.value}
diff --git a/src/components/customerCases/customerCase/customerCase.module.css b/src/components/customerCases/customerCase/customerCase.module.css
index c5ace422..2ba40cd0 100644
--- a/src/components/customerCases/customerCase/customerCase.module.css
+++ b/src/components/customerCases/customerCase/customerCase.module.css
@@ -3,6 +3,7 @@
   flex-direction: column;
   margin: 4rem 2rem;
   align-items: center;
+  justify-content: center;
 
   @media (max-width: 1024px) {
     margin: 2rem 1rem;
@@ -53,8 +54,8 @@
 .projectInfoWrapper {
   display: flex;
   flex-direction: column;
-  align-self: center;
-  width: 100%;
+  justify-content: center;
+  align-items: center;
 }
 
 .sectionsWrapper {
diff --git a/src/components/customerCases/customerCase/projectInfo/CustomerCaseProjectInfo.tsx b/src/components/customerCases/customerCase/projectInfo/CustomerCaseProjectInfo.tsx
index 9475d3dd..0291a7d3 100644
--- a/src/components/customerCases/customerCase/projectInfo/CustomerCaseProjectInfo.tsx
+++ b/src/components/customerCases/customerCase/projectInfo/CustomerCaseProjectInfo.tsx
@@ -23,153 +23,151 @@ export default async function CustomerCaseProjectInfo({
 }: CustomerCaseProjectInfoProps) {
   const t = await getTranslations("customer_case");
 
-  const consultantsFirstNames = projectInfo.consultants.map(
-    (n) => n.employeeFirstName,
-  );
+  let consultantsFirstNames;
+
+  if (projectInfo.consultants) {
+    consultantsFirstNames = projectInfo.consultants.map(
+      (n) => n.employeeFirstName,
+    );
+  }
 
   return (
-    <>
-      <div className={styles.projectInfo}>
-        <div className={styles.projectInfoInner}>
-          {projectInfo.customerSectors && (
+    <div className={styles.projectInfo}>
+      <div className={styles.projectInfoInner}>
+        {projectInfo.customerSectors && (
+          <div>
+            <Text className={styles.title} type="labelRegular">
+              {t("customer").toUpperCase()}
+            </Text>
+            <div className={styles.badgeWrapper}>
+              {projectInfo.customerSectors.map((sector: CustomerSector) => (
+                <Badge
+                  key={sector._key}
+                  badgeColor={clientColors.color}
+                  textColor={clientColors.badgeText}
+                >
+                  {sector.customerSector}
+                </Badge>
+              ))}
+            </div>
+          </div>
+        )}
+        {consultantsFirstNames && (
+          <div>
+            <Text className={styles.title} type="labelRegular">
+              {t("variants").toUpperCase()}
+            </Text>
+            <div className={styles.varianter}>
+              <Text className={styles.preFancyCharacter}>【 </Text>
+              {consultantsFirstNames.map((name) => (
+                <Text
+                  key={name}
+                  type="bodyNormal"
+                  className={styles.dotSeperatorVarianter}
+                >
+                  {name}
+                </Text>
+              ))}
+              <Text className={styles.afterFancyCharacter}> 】</Text>
+            </div>
+          </div>
+        )}
+        {projectInfo.collaborators && (
+          <div>
+            <Text className={styles.title} type="labelRegular">
+              {t("collaborators").toUpperCase()}
+            </Text>
+            <div className={styles.projectInfoItem}>
+              {projectInfo.collaborators.map((collaborator) => (
+                <Text
+                  type="bodyNormal"
+                  key={collaborator}
+                  className={styles.dotSeperator}
+                >
+                  {collaborator}
+                </Text>
+              ))}
+            </div>
+          </div>
+        )}
+        {projectInfo.url && (
+          <div className={styles.urlWrapper}>
+            <Text className={styles.title} type="labelRegular">
+              {t("url")}
+            </Text>
+            <CustomLink
+              link={{
+                _key: "go-to-external-link",
+                _type: "link",
+                linkType: LinkType.External,
+                linkTitle: projectInfo.url,
+                url: projectInfo.url,
+                ariaLabel: projectInfo.url,
+              }}
+            />
+          </div>
+        )}
+      </div>
+      {projectInfo.deliveries && (
+        <div className={styles.deliveries}>
+          {projectInfo.deliveries["projectManagement"] && (
             <div>
               <Text className={styles.title} type="labelRegular">
-                {t("customer").toUpperCase()}
+                {t("project_management").toUpperCase()}
               </Text>
-              <div className={styles.badgeWrapper}>
-                {projectInfo.customerSectors.map((sector: CustomerSector) => (
-                  <Badge
-                    key={sector._key}
-                    badgeColor={clientColors.color}
-                    textColor={clientColors.badgeText}
-                  >
-                    {sector.customerSector}
-                  </Badge>
-                ))}
+              <div className={styles.projectInfoItem}>
+                {projectInfo.deliveries["projectManagement"].map(
+                  (projectManagement) => (
+                    <Text
+                      type="bodyNormal"
+                      key={projectManagement.key}
+                      className={styles.dotSeperator}
+                    >
+                      {projectManagement.projectManagementDelivery}
+                    </Text>
+                  ),
+                )}
               </div>
             </div>
           )}
-          {consultantsFirstNames && (
+          {projectInfo.deliveries["design"] && (
             <div>
               <Text className={styles.title} type="labelRegular">
-                {t("variants").toUpperCase()}
+                {t("design").toUpperCase()}
               </Text>
-              <div className={styles.varianter}>
-                <Text className={styles.preFancyCharacter}>【 </Text>
-                {consultantsFirstNames.map((name) => (
+              <div className={styles.projectInfoItem}>
+                {projectInfo.deliveries["design"].map((design) => (
                   <Text
-                    key={name}
+                    key={design.key}
                     type="bodyNormal"
-                    className={styles.dotSeperatorVarianter}
+                    className={styles.dotSeperator}
                   >
-                    {name}
+                    {design.designDelivery}
                   </Text>
                 ))}
-                <Text className={styles.afterFancyCharacter}> 】</Text>
               </div>
             </div>
           )}
-          {projectInfo.collaborators && (
+          {projectInfo.deliveries["development"] && (
             <div>
               <Text className={styles.title} type="labelRegular">
-                {t("collaborators").toUpperCase()}
+                {t("development").toUpperCase()}
               </Text>
               <div className={styles.projectInfoItem}>
-                {projectInfo.collaborators.map((collaborator) => (
+                {projectInfo.deliveries["development"].map((development) => (
                   <Text
+                    key={development.key}
                     type="bodyNormal"
-                    key={collaborator}
                     className={styles.dotSeperator}
                   >
-                    {collaborator}
+                    {development.developmentDelivery}
                   </Text>
                 ))}
               </div>
             </div>
           )}
-          {projectInfo.url && (
-            <div className={styles.urlWrapper}>
-              <Text className={styles.title} type="labelRegular">
-                {t("url")}
-              </Text>
-              <CustomLink
-                link={{
-                  _key: "go-to-external-link",
-                  _type: "link",
-                  linkType: LinkType.External,
-                  linkTitle: projectInfo.url,
-                  url: projectInfo.url,
-                  ariaLabel: projectInfo.url,
-                }}
-              />
-            </div>
-          )}
         </div>
-        <div>
-          {projectInfo.deliveries && (
-            <div className={styles.deliveries}>
-              {projectInfo.deliveries["projectManagement"] && (
-                <div>
-                  <Text className={styles.title} type="labelRegular">
-                    {t("project_management").toUpperCase()}
-                  </Text>
-                  <div className={styles.projectInfoItem}>
-                    {projectInfo.deliveries["projectManagement"].map(
-                      (projectManagement) => (
-                        <Text
-                          type="bodyNormal"
-                          key={projectManagement.key}
-                          className={styles.dotSeperator}
-                        >
-                          {projectManagement.projectManagementDelivery}
-                        </Text>
-                      ),
-                    )}
-                  </div>
-                </div>
-              )}
-              {projectInfo.deliveries["design"] && (
-                <div>
-                  <Text className={styles.title} type="labelRegular">
-                    {t("design").toUpperCase()}
-                  </Text>
-                  <div className={styles.projectInfoItem}>
-                    {projectInfo.deliveries["design"].map((design) => (
-                      <Text
-                        key={design.key}
-                        type="bodyNormal"
-                        className={styles.dotSeperator}
-                      >
-                        {design.designDelivery}
-                      </Text>
-                    ))}
-                  </div>
-                </div>
-              )}
-              {projectInfo.deliveries["development"] && (
-                <div>
-                  <Text className={styles.title} type="labelRegular">
-                    {t("development").toUpperCase()}
-                  </Text>
-                  <div className={styles.projectInfoItem}>
-                    {projectInfo.deliveries["development"].map(
-                      (development) => (
-                        <Text
-                          key={development.key}
-                          type="bodyNormal"
-                          className={styles.dotSeperator}
-                        >
-                          {development.developmentDelivery}
-                        </Text>
-                      ),
-                    )}
-                  </div>
-                </div>
-              )}
-            </div>
-          )}
-        </div>
-      </div>
-    </>
+      )}
+    </div>
   );
 }
diff --git a/src/components/customerCases/customerCase/projectInfo/customerCaseProjectInfo.module.css b/src/components/customerCases/customerCase/projectInfo/customerCaseProjectInfo.module.css
index 031cb610..e8f5b85d 100644
--- a/src/components/customerCases/customerCase/projectInfo/customerCaseProjectInfo.module.css
+++ b/src/components/customerCases/customerCase/projectInfo/customerCaseProjectInfo.module.css
@@ -3,6 +3,7 @@
   flex-direction: row;
   gap: 1rem;
   width: 100%;
+  max-width: 960px;
 
   @media (max-width: 425px) {
     flex-direction: column;
@@ -14,7 +15,7 @@
   gap: 1.5rem;
   display: flex;
   flex-direction: column;
-  max-width: 50%;
+  width: 50%;
 }
 
 .badgeWrapper {
@@ -69,6 +70,7 @@
   flex-direction: column;
   gap: 1.5rem;
   flex-wrap: wrap;
+  width: 50%;
 }
 
 .preFancyCharacter {