diff --git a/sidebars.js b/sidebars.js
index 7ee9aca..548d40c 100644
--- a/sidebars.js
+++ b/sidebars.js
@@ -8,14 +8,12 @@ const sidebars = {
 		"getting-started/why-waku",
 		"getting-started/use-cases",
 		{
-			type: "link",
-			label: "SDKs and Nodes",
-			href: "/guides/sdks-and-nodes"
+			type: "html",
+			value: "<a href='/guides/sdks-and-nodes' target='_blank' rel='noopener noreferrer' class='menu__link external-link'>SDKs and Nodes <svg viewBox='0 0 24 24'><path fill='currentColor' d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'></path></svg></a>"
 		},
 		{
-			type: "link",
-			label: "Video Presentations",
-			href: "/presentations"
+			type: "html",
+			value: "<a href='/presentations' target='_blank' rel='noopener noreferrer' class='menu__link external-link'>Presentations <svg viewBox='0 0 24 24'><path fill='currentColor' d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'></path></svg></a>"
 		},
 		{
 			type: "category",
diff --git a/static/custom.css b/static/custom.css
index 4fa2003..3ed53b6 100644
--- a/static/custom.css
+++ b/static/custom.css
@@ -38,4 +38,14 @@ html[data-theme='dark'] .header-github-link:before {
 	max-width: 100%;
 	width: 640px;
 	height: 360px;
+}
+
+.external-link {
+	margin-top: 0.25rem;
+}
+
+.external-link svg {
+	width: 13.5px;
+	height: 13.5px;
+	margin-left: 0.3rem;
 }
\ No newline at end of file