diff --git a/app/client/src/assets/images/upgrade/access-control/prevent-accidental-damage.png b/app/client/src/assets/images/upgrade/access-control/prevent-accidental-damage.png
new file mode 100644
index 0000000000..5f6e3059d9
Binary files /dev/null and b/app/client/src/assets/images/upgrade/access-control/prevent-accidental-damage.png differ
diff --git a/app/client/src/assets/images/upgrade/access-control/restrict-public-exposure.png b/app/client/src/assets/images/upgrade/access-control/restrict-public-exposure.png
new file mode 100644
index 0000000000..60855620d0
Binary files /dev/null and b/app/client/src/assets/images/upgrade/access-control/restrict-public-exposure.png differ
diff --git a/app/client/src/assets/images/upgrade/access-control/secure-apps-least-privilege.png b/app/client/src/assets/images/upgrade/access-control/secure-apps-least-privilege.png
new file mode 100644
index 0000000000..67e06dcb21
Binary files /dev/null and b/app/client/src/assets/images/upgrade/access-control/secure-apps-least-privilege.png differ
diff --git a/app/client/src/assets/svg/upgrade/access-control/prevent-accidental-damage.png b/app/client/src/assets/svg/upgrade/access-control/prevent-accidental-damage.png
deleted file mode 100644
index bb607f3688..0000000000
Binary files a/app/client/src/assets/svg/upgrade/access-control/prevent-accidental-damage.png and /dev/null differ
diff --git a/app/client/src/assets/svg/upgrade/access-control/restrict-public-exposure.png b/app/client/src/assets/svg/upgrade/access-control/restrict-public-exposure.png
deleted file mode 100644
index 4c2ec7c211..0000000000
Binary files a/app/client/src/assets/svg/upgrade/access-control/restrict-public-exposure.png and /dev/null differ
diff --git a/app/client/src/assets/svg/upgrade/access-control/secure-apps-least-privilege.png b/app/client/src/assets/svg/upgrade/access-control/secure-apps-least-privilege.png
deleted file mode 100644
index 2850b11ce8..0000000000
Binary files a/app/client/src/assets/svg/upgrade/access-control/secure-apps-least-privilege.png and /dev/null differ
diff --git a/app/client/src/ce/constants/messages.ts b/app/client/src/ce/constants/messages.ts
index 85310eee0f..8e0d44cda3 100644
--- a/app/client/src/ce/constants/messages.ts
+++ b/app/client/src/ce/constants/messages.ts
@@ -1077,7 +1077,7 @@ export const ACCESS_CONTROL_UPGRADE_PAGE_SUB_HEADING = () =>
 export const SECURITY_APPS_LEAST_PRIVILEGE = () =>
   "Secure apps by the least privilege needed";
 export const SECURITY_APPS_LEAST_PRIVILEGE_DETAIL1 = () =>
-  "Create roles by the least privilege needed as defaults, e.g.: View only, assign them to users in groups, e.g.: Marketing, and modify for special access, e.g.: Content creators_Execute queries";
+  `Create roles by the least privilege needed as defaults, <span>e.g.: View only</span>, assign them to users in groups, <span>e.g.: Marketing</span>, and modify for special access, <span>e.g.: Content creators_Execute queries</span>`;
 export const PREVENT_ACCIDENTAL_DAMAGE = () =>
   "Prevent accidental damage to data";
 export const PREVENT_ACCIDENTAL_DAMAGE_DETAIL1 = () =>
diff --git a/app/client/src/ce/pages/AdminSettings/LeftPane.tsx b/app/client/src/ce/pages/AdminSettings/LeftPane.tsx
index 2ecdfadc3d..9b118ebe1b 100644
--- a/app/client/src/ce/pages/AdminSettings/LeftPane.tsx
+++ b/app/client/src/ce/pages/AdminSettings/LeftPane.tsx
@@ -158,20 +158,18 @@ export default function LeftPane() {
       <HeaderContainer>
         <StyledHeader>Business</StyledHeader>
         <CategoryList data-testid="t--enterprise-settings-category-list">
-          {features.RBAC && (
-            <CategoryItem>
-              <StyledLink
-                $active={category === "access-control"}
-                data-testid="t--enterprise-settings-category-item-access-control"
-                to="/settings/access-control"
-              >
-                <div>
-                  <Icon name="lock-2-line" size={IconSize.XL} />
-                </div>
-                <div>Access Control</div>
-              </StyledLink>
-            </CategoryItem>
-          )}
+          <CategoryItem>
+            <StyledLink
+              $active={category === "access-control"}
+              data-testid="t--enterprise-settings-category-item-access-control"
+              to="/settings/access-control"
+            >
+              <div>
+                <Icon name="lock-2-line" size={IconSize.XL} />
+              </div>
+              <div>Access Control</div>
+            </StyledLink>
+          </CategoryItem>
           <CategoryItem>
             <StyledLink
               $active={category === "audit-logs"}
diff --git a/app/client/src/ce/pages/Upgrade/AccessControlUpgradePage.tsx b/app/client/src/ce/pages/Upgrade/AccessControlUpgradePage.tsx
index ee0f1a82f9..ff4f310976 100644
--- a/app/client/src/ce/pages/Upgrade/AccessControlUpgradePage.tsx
+++ b/app/client/src/ce/pages/Upgrade/AccessControlUpgradePage.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import { Carousel, Header } from "./types";
 import UpgradePage from "./UpgradePage";
-import SecureAppsLeastPrivilegeImage from "assets/svg/upgrade/access-control/secure-apps-least-privilege.png";
-import RestrictPublicExposureImage from "assets/svg/upgrade/access-control/restrict-public-exposure.png";
-import PreventAccidentalDamageImage from "assets/svg/upgrade/access-control/prevent-accidental-damage.png";
+import SecureAppsLeastPrivilegeImage from "assets/images/upgrade/access-control/secure-apps-least-privilege.png";
+import RestrictPublicExposureImage from "assets/images/upgrade/access-control/restrict-public-exposure.png";
+import PreventAccidentalDamageImage from "assets/images/upgrade/access-control/prevent-accidental-damage.png";
 import { createMessage } from "design-system/build/constants/messages";
 import {
   ACCESS_CONTROL_UPGRADE_PAGE_FOOTER,
@@ -40,17 +40,17 @@ export function AccessControlUpgradePage() {
   const carousel: Carousel = {
     triggers: [
       {
-        icon: "lock-2-line",
+        icon: "user-shared-line",
         heading: createMessage(SECURITY_APPS_LEAST_PRIVILEGE),
         details: [createMessage(SECURITY_APPS_LEAST_PRIVILEGE_DETAIL1)],
       },
       {
-        icon: "search-eye-line",
+        icon: "delete-row",
         heading: createMessage(PREVENT_ACCIDENTAL_DAMAGE),
         details: [createMessage(PREVENT_ACCIDENTAL_DAMAGE_DETAIL1)],
       },
       {
-        icon: "alert-line",
+        icon: "eye-off",
         heading: createMessage(RESTRICT_PUBLIC_EXPOSURE),
         details: [createMessage(RESTRICT_PUBLIC_EXPOSURE_DETAIL1)],
       },
diff --git a/app/client/src/ce/pages/Upgrade/Carousel.tsx b/app/client/src/ce/pages/Upgrade/Carousel.tsx
index 651cbe1665..0de48412bb 100644
--- a/app/client/src/ce/pages/Upgrade/Carousel.tsx
+++ b/app/client/src/ce/pages/Upgrade/Carousel.tsx
@@ -26,17 +26,8 @@ const CarouselContainer = styled.div`
       height: 56px;
       cursor: pointer;
 
-      &.active {
-        height: max-content;
-        min-height: 156px;
-        box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.06),
-          0 4px 8px -2px rgba(0, 0, 0, 0.1);
-
-        background-color: var(--ads-color-black-0);
-
-        & .icon-container .cs-icon svg {
-          fill: var(--ads-color-orange-500);
-        }
+      .icon-container .cs-icon svg {
+        fill: var(--ads-color-black-700);
       }
 
       & .trigger {
@@ -55,6 +46,42 @@ const CarouselContainer = styled.div`
              * and thus meet the design expectations.
              */
             margin-top: -2px;
+
+            span {
+              color: var(--ads-color-black-700);
+            }
+          }
+
+          & .trigger-details-container {
+            .cs-text {
+              span {
+                color: var(--ads-color-orange-500);
+                font-weight: 500;
+              }
+            }
+          }
+        }
+      }
+
+      &.active {
+        height: max-content;
+        min-height: 156px;
+        box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.06),
+          0 4px 8px -2px rgba(0, 0, 0, 0.1);
+
+        background-color: var(--ads-color-black-0);
+
+        & .icon-container .cs-icon svg {
+          fill: var(--ads-color-orange-500);
+        }
+
+        & .trigger {
+          & .trigger-content {
+            & .trigger-heading {
+              span {
+                color: var(--ads-text-heading-color);
+              }
+            }
           }
         }
       }
@@ -129,7 +156,10 @@ export function CarouselComponent(props: CarouselProps) {
                             className={"expanded"}
                             key={`trigger-detail-${di}`}
                           >
-                            <Text type={TextType.P1}>{detail}</Text>
+                            <Text
+                              dangerouslySetInnerHTML={{ __html: detail }}
+                              type={TextType.P1}
+                            />
                           </div>
                         );
                       })}