diff --git a/app/client/src/constants/TemplatesConstants.ts b/app/client/src/constants/TemplatesConstants.ts
new file mode 100644
index 0000000000..f550be42a2
--- /dev/null
+++ b/app/client/src/constants/TemplatesConstants.ts
@@ -0,0 +1,3 @@
+export const COMMUNITY_PORTAL = {
+  BASE_URL: "https://community.appsmith.com",
+};
diff --git a/app/client/src/pages/Editor/CommunityTemplates/Modals/CommunityTemplatesPublishInfo.tsx b/app/client/src/pages/Editor/CommunityTemplates/Modals/CommunityTemplatesPublishInfo.tsx
index 997efe8e1a..5fd996a92d 100644
--- a/app/client/src/pages/Editor/CommunityTemplates/Modals/CommunityTemplatesPublishInfo.tsx
+++ b/app/client/src/pages/Editor/CommunityTemplates/Modals/CommunityTemplatesPublishInfo.tsx
@@ -9,6 +9,7 @@ import { Button, Icon, Text } from "design-system";
 import React, { useCallback, useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import styled from "styled-components";
+import { COMMUNITY_PORTAL } from "constants/TemplatesConstants";
 
 interface Props {
   onPublishClick: () => void;
@@ -40,13 +41,12 @@ const CommunityTemplatesPublishInfo = ({
 };
 
 export default CommunityTemplatesPublishInfo;
-const COMMUNITY_PORTAL_BASE_URL = "https://community.appsmith.com";
 
 const PublishedAppInstructions = () => {
   const currentApplication = useSelector(getCurrentApplication);
   const onVisitTemplateClick = useCallback(() => {
     openUrlInNewPage(
-      `${COMMUNITY_PORTAL_BASE_URL}/template/${currentApplication?.id}`,
+      `${COMMUNITY_PORTAL.BASE_URL}/template/${currentApplication?.id}`,
     );
   }, [currentApplication?.id]);
 
@@ -94,7 +94,14 @@ const UnPublishedAppInstructions = ({
         </Text>
       </InfoContainer>
       <InfoFooter>
-        <Button endIcon="link" kind="tertiary" size="md">
+        <Button
+          endIcon="link"
+          href={`${COMMUNITY_PORTAL.BASE_URL}/library`}
+          kind="tertiary"
+          renderAs="a"
+          size="md"
+          target="_blank"
+        >
           {createMessage(LEARN_MORE)}
         </Button>
         <Button
@@ -124,7 +131,7 @@ const InfoContainer = styled.div`
   display: flex;
   flex-direction: column;
   gap: 4px;
-  min-height: 250px;
+  min-height: 75px;
   padding-top: var(--ads-v2-spaces-2);
 `;
 const InfoFooter = styled.footer`