diff --git a/app/client/src/pages/AppViewer/viewer/SideNavItem.tsx b/app/client/src/pages/AppViewer/viewer/SideNavItem.tsx
index 07fdfbb74e..1684d7eddd 100644
--- a/app/client/src/pages/AppViewer/viewer/SideNavItem.tsx
+++ b/app/client/src/pages/AppViewer/viewer/SideNavItem.tsx
@@ -47,7 +47,11 @@ export const SideNavItem = (props: SideNavItemProps) => {
       }}
     >
       <MenuItem
-        className={props.loading ? Classes.SKELETON : Classes.FILL}
+        className={
+          props.loading
+            ? Classes.SKELETON
+            : `${Classes.FILL} t--page-nav-${props.text}`
+        }
         active={!!match}
         text={menuItemContent}
         tagName="div"
diff --git a/app/client/src/pages/Editor/PageListSidebar/PageListItem.tsx b/app/client/src/pages/Editor/PageListSidebar/PageListItem.tsx
index e7dbdc9a05..4504a850e5 100644
--- a/app/client/src/pages/Editor/PageListSidebar/PageListItem.tsx
+++ b/app/client/src/pages/Editor/PageListSidebar/PageListItem.tsx
@@ -85,6 +85,7 @@ const PageListItem = withTheme((props: PageListItemProps) => {
     <PageListItemWrapper
       onClick={() => props.switchPage(props.id)}
       active={props.active}
+      className={`t--page-sidebar-${props.name}`}
     >
       <div>
         {pageIcon}
@@ -103,7 +104,7 @@ const PageListItem = withTheme((props: PageListItemProps) => {
           icon: "MORE_VERTICAL_CONTROL",
           iconSize: props.theme.fontSizes[6],
         }}
-        className="more"
+        className="more t--page-sidebar-menu-actions"
       />
     </PageListItemWrapper>
   );