diff --git a/app/client/public/index.html b/app/client/public/index.html
index 451b7420eb..5702864a80 100755
--- a/app/client/public/index.html
+++ b/app/client/public/index.html
@@ -3,6 +3,7 @@
 
 <head>
   <meta charset="utf-8" />
+  <link rel="shortcut icon" href="https://res.cloudinary.com/dwpfockn8/image/upload/v1597920848/favicons/favicon-orange_pxfmdc.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
   <title>Appsmith</title>
   <style>
diff --git a/app/client/src/constants/AppConstants.ts b/app/client/src/constants/AppConstants.ts
index 91a8e4f9ad..136c3cfcef 100644
--- a/app/client/src/constants/AppConstants.ts
+++ b/app/client/src/constants/AppConstants.ts
@@ -3,3 +3,15 @@ export const CANVAS_DEFAULT_HEIGHT_PX = 1292;
 export const CANVAS_DEFAULT_GRID_HEIGHT_PX = 1;
 export const CANVAS_DEFAULT_GRID_WIDTH_PX = 1;
 export const CANVAS_BACKGROUND_COLOR = "#FFFFFF";
+
+export const appCardColors = [
+  "#A64C0C",
+  "#650094",
+  "#D4D420",
+  "#0BA780",
+  "#5BB01A",
+  "#2965CC",
+  "#4E5D78",
+  "#CC293F",
+  "#6BA3FD",
+];
diff --git a/app/client/src/constants/messages.ts b/app/client/src/constants/messages.ts
index 4a63e3216c..7a7330ed9d 100644
--- a/app/client/src/constants/messages.ts
+++ b/app/client/src/constants/messages.ts
@@ -136,7 +136,7 @@ export const AUTOFIT_COLUMN = "Autofit column";
 export const TIMEZONE = "Timezone";
 export const ENABLE_TIME = "Enable Time";
 
-export const EDIT_APP = "Back to editor";
+export const EDIT_APP = "Edit App";
 export const FORK_APP = "Fork App";
 
 export const LIGHTNING_MENU_DATA_API = "Use data from an API";
diff --git a/app/client/src/constants/providerConstants.ts b/app/client/src/constants/providerConstants.ts
index 3d36e677f2..489ac37cc9 100644
--- a/app/client/src/constants/providerConstants.ts
+++ b/app/client/src/constants/providerConstants.ts
@@ -96,15 +96,3 @@ export type SearchResultsProviders = {
 };
 
 export const DEFAULT_TEMPLATE_TYPE = "TEMPLATE";
-
-export const providerBackgroundColors = [
-  "#0BA780",
-  "#929500",
-  "#1F97D3",
-  "#B32FA5",
-  "#1A29B1",
-  "#2965CC",
-  "#4E5D78",
-  "#14928B",
-  "#FBBEBE",
-];
diff --git a/app/client/src/index.tsx b/app/client/src/index.tsx
index 4fa35431cc..0985723d23 100755
--- a/app/client/src/index.tsx
+++ b/app/client/src/index.tsx
@@ -1,6 +1,5 @@
 import React from "react";
 import "./wdyr";
-import { Helmet } from "react-helmet";
 import ReactDOM from "react-dom";
 import { Provider } from "react-redux";
 import "./index.css";
@@ -25,10 +24,6 @@ const App = () => {
             autoClose={5000}
             closeButton={false}
           />
-          <Helmet>
-            <meta charSet="utf-8" />
-            <link rel="shortcut icon" href="/favicon-orange.ico" />
-          </Helmet>
           <AppRouter />
         </ThemeProvider>
       </LayersContext.Provider>
diff --git a/app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx b/app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx
index e72f51eb6d..867b5d4d2a 100644
--- a/app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx
+++ b/app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx
@@ -65,6 +65,9 @@ const ForkButton = styled(Button)`
   max-width: 200px;
   height: 32px;
   margin: 5px 10px;
+  svg {
+    transform: rotate(-90deg);
+  }
 `;
 
 const ShareButton = styled(Button)`
@@ -83,7 +86,7 @@ const StyledApplicationName = styled.span`
 const PageTab = styled(NavLink)`
   display: flex;
   height: 30px;
-  flex: 0 0 150px;
+  max-width: 170px;
   margin-right: 1px;
   align-self: flex-end;
   cursor: pointer;
@@ -98,6 +101,10 @@ const PageTab = styled(NavLink)`
     line-height: 20px;
     letter-spacing: 0.04em;
     color: #fff;
+    max-width: 150px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
   &&&:hover {
     text-decoration: none;
diff --git a/app/client/src/pages/Editor/Explorer/index.tsx b/app/client/src/pages/Editor/Explorer/index.tsx
index 68f6b38325..43cde49ee9 100644
--- a/app/client/src/pages/Editor/Explorer/index.tsx
+++ b/app/client/src/pages/Editor/Explorer/index.tsx
@@ -22,6 +22,10 @@ const NoResult = styled(NonIdealState)`
   }
 `;
 
+const StyledDivider = styled(Divider)`
+  border-bottom-color: rgba(255, 255, 255, 0.1);
+`;
+
 const EntityExplorer = () => {
   const searchInputRef: MutableRefObject<HTMLInputElement | null> = useRef(
     null,
@@ -89,7 +93,7 @@ const EntityExplorer = () => {
       <Search ref={searchInputRef} clear={clearSearch} />
       {!noPageEntities && explorerPageGroup}
       {noResults && noResultMessage}
-      <Divider />
+      <StyledDivider />
       {!noDatsourceEntities && datasourcesGroup}
     </Wrapper>
   );
diff --git a/app/client/src/reducers/entityReducers/appReducer.ts b/app/client/src/reducers/entityReducers/appReducer.ts
index ca1e98fec2..8d7e44a43e 100644
--- a/app/client/src/reducers/entityReducers/appReducer.ts
+++ b/app/client/src/reducers/entityReducers/appReducer.ts
@@ -27,7 +27,7 @@ export type UrlDataState = {
 export type AppDataState = {
   mode?: APP_MODE;
   user: AuthUserState;
-  url: UrlDataState;
+  URL: UrlDataState;
 };
 
 const initialState: AppDataState = {
@@ -36,7 +36,7 @@ const initialState: AppDataState = {
     email: "",
     id: "",
   },
-  url: {
+  URL: {
     queryParams: {},
     protocol: "",
     host: "",
@@ -73,7 +73,7 @@ const appReducer = createReducer(initialState, {
   ) => {
     return {
       ...state,
-      url: action.payload,
+      URL: action.payload,
     };
   },
 });
diff --git a/app/client/src/utils/AppsmithUtils.tsx b/app/client/src/utils/AppsmithUtils.tsx
index 65c49aaf01..cc710a8537 100644
--- a/app/client/src/utils/AppsmithUtils.tsx
+++ b/app/client/src/utils/AppsmithUtils.tsx
@@ -8,8 +8,8 @@ import _ from "lodash";
 import { ActionDataState } from "reducers/entityReducers/actionsReducer";
 import * as log from "loglevel";
 import { LogLevelDesc } from "loglevel";
-import { providerBackgroundColors } from "constants/providerConstants";
 import FeatureFlag from "utils/featureFlags";
+import { appCardColors } from "constants/AppConstants";
 
 export const createReducer = (
   initialState: any,
@@ -149,7 +149,7 @@ export const getColorCode = (initials: string): string => {
   for (let i = 0; i < initials.length; i++) {
     asciiSum += initials[i].charCodeAt(0);
   }
-  return providerBackgroundColors[asciiSum % providerBackgroundColors.length];
+  return appCardColors[asciiSum % appCardColors.length];
 };
 
 export function hexToRgb(
