diff --git a/gui/pages/Content/Marketplace/AgentTemplate.js b/gui/pages/Content/Marketplace/AgentTemplate.js
index ed7613d2a..21a86a7c5 100644
--- a/gui/pages/Content/Marketplace/AgentTemplate.js
+++ b/gui/pages/Content/Marketplace/AgentTemplate.js
@@ -104,16 +104,32 @@ export default function AgentTemplate({template, env}) {
               <span style={{fontSize: '12px', marginTop: '15px',}} className={styles.tool_publisher}>By SuperAGI <Image
                 width={14} height={14} src="/images/is_verified.svg" alt="is_verified"/>&nbsp;{'\u00B7'}&nbsp;<Image
                 width={14} height={14} src="/images/upload_icon.svg" alt="upload-icon"/></span>
-              <button className="primary_button" style={{
-                marginTop: '15px',
-                width: '100%',
-                background: isInstalled || (template && template.is_installed) ? 'rgba(255, 255, 255, 0.14)' : '#FFF',
-                color: isInstalled || (template && template.is_installed) ? '#FFFFFF' : '#000'
-              }} onClick={() => handleInstallClick()}>
-                {(isInstalled || (template && template.is_installed)) ?
-                  <Image width={14} height={14} src="/images/tick.svg" alt="tick-icon"/> :
-                  <Image width={14} height={14} src="/images/upload_icon_dark.svg"
-                         alt="upload-icon"/>}&nbsp;{installed}</button>
+              {isInstalled || (template && template.is_installed) ? (
+                  <button
+                      className="primary_button"
+                      style={{
+                        marginTop: '15px',
+                        width: '100%',
+                        background: 'rgba(255, 255, 255, 0.14)',
+                        color: '#FFFFFF'
+                      }}
+                  >
+                    <Image width={14} height={14} src="/images/tick.svg" alt="tick-icon"/>&nbsp; Installed
+                  </button>
+              ) : (
+                  <button
+                      className="primary_button"
+                      style={{
+                        marginTop: '15px',
+                        width: '100%',
+                        background: '#FFF',
+                        color: '#000'
+                      }}
+                      onClick={() => handleInstallClick()}
+                  >
+                    <Image width={14} height={14} src="/images/upload_icon_dark.svg" alt="upload-icon"/>&nbsp; Install
+                  </button>
+              )}
 
               <hr className={styles2.horizontal_line}/>
 
diff --git a/gui/pages/Content/Marketplace/KnowledgeTemplate.js b/gui/pages/Content/Marketplace/KnowledgeTemplate.js
index f7f6cf469..ab1b1ebd3 100644
--- a/gui/pages/Content/Marketplace/KnowledgeTemplate.js
+++ b/gui/pages/Content/Marketplace/KnowledgeTemplate.js
@@ -306,7 +306,7 @@ export default function KnowledgeTemplate({template, env}) {
             <div style={{overflowY: 'scroll', height: '84vh'}}>
               <div className={styles2.left_container}
                    style={{marginBottom: '5px', color: 'white', padding: '16px'}}>
-                <span className={styles2.description_text}>Overview</span><br/>
+                <span className="text_20_bold">Overview</span><br/>
                 {/*{templateData?.overview.map((item, index) => (<div key={index} style={{marginTop: '0'}}>*/}
                 {/*  <div className={styles2.description_text}>{index + 1}. {item || ''}</div>*/}
                 {/*  {index !== item.length - 1}*/}
diff --git a/gui/public/images/notion_logo.png b/gui/public/images/notion_logo.png
new file mode 100644
index 000000000..edb9aac33
Binary files /dev/null and b/gui/public/images/notion_logo.png differ
diff --git a/gui/utils/utils.js b/gui/utils/utils.js
index c18d40bc4..03fc9789a 100644
--- a/gui/utils/utils.js
+++ b/gui/utils/utils.js
@@ -22,7 +22,8 @@ const toolkitData = {
   'Image Generation Toolkit': '/images/app-logo-light.png',
   'DuckDuckGo Search Toolkit': '/images/duckduckgo_icon.png',
   'Instagram Toolkit': '/images/instagram.png',
-  'Knowledge Search Toolkit': '/images/knowledeg_logo.png'
+  'Knowledge Search Toolkit': '/images/knowledeg_logo.png',
+  'Notion Toolkit': '/images/notion_logo.png',
 };
 
 export const getUserTimezone = () => {