diff --git a/frontend/src/components/notebook/NotebookButtons.vue b/frontend/src/components/notebook/NotebookButtons.vue
index b8c0c6e53..b644c8c48 100644
--- a/frontend/src/components/notebook/NotebookButtons.vue
+++ b/frontend/src/components/notebook/NotebookButtons.vue
@@ -55,19 +55,16 @@
       </svg>
     </button>
     <PopButton
-      btn-class="daisy-btn daisy-btn-sm"
       title="Export to GitHub"
+      class="daisy-btn daisy-btn-ghost daisy-btn-sm"
     >
-      <template #default="{ closer }">
-        <NotebookGithubExportDialog
-          :notebook-id="notebook.id"
-          @close-dialog="closer"
-        />
-      </template>
-      <template #button-content>
-        <SvgGithub class="daisy-w-4 daisy-h-4" />
-        Export to GitHub
+      <template #button_face>
+        <SvgGithub />
       </template>
+      <NotebookGithubExportDialog
+        :notebook-id="notebook.id"
+        @close-dialog="closer"
+      />
     </PopButton>
   </div>
 </template>
diff --git a/frontend/src/components/svgs/SvgGithub.vue b/frontend/src/components/svgs/SvgGithub.vue
index 36ca2d11f..7943acccc 100644
--- a/frontend/src/components/svgs/SvgGithub.vue
+++ b/frontend/src/components/svgs/SvgGithub.vue
@@ -1,13 +1,11 @@
 <template>
-  <svg
+  <svg 
+    width="20px" 
+    height="20px" 
+    viewBox="0 0 24 24" 
+    class="fill-current"
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
   >
-    <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" />
+    <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
   </svg>
 </template> 
\ No newline at end of file