diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index dfa24f1..972bfb2 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -102,7 +102,7 @@ const Navigation = () => {
             ) : (
               <>
                 <Heading css={{ lineHeight: 1 }}>
-                  {snap.files?.[0]?.name || "XRPL Hooks"}
+                  {snap.gistName || "XRPL Hooks"}
                 </Heading>
                 <Text
                   css={{ fontSize: "$xs", color: "$mauve10", lineHeight: 1 }}
diff --git a/state/actions/fetchFiles.ts b/state/actions/fetchFiles.ts
index e32e33e..a4c8ccc 100644
--- a/state/actions/fetchFiles.ts
+++ b/state/actions/fetchFiles.ts
@@ -1,6 +1,7 @@
 import { Octokit } from "@octokit/core";
 import state, { IFile } from '../index';
 import { templateFileIds } from '../constants';
+import { file } from 'jszip';
 
 const octokit = new Octokit();
 
@@ -74,9 +75,10 @@ export const fetchFiles = async (gistId: string) => {
     });
     state.files = files;
     state.gistId = gistId;
-    state.gistName = Object.keys(res.data.files)?.[0] || "untitled";
     state.gistOwner = res.data.owner?.login;
-
+    
+    const gistName = files.find(file => file.language === 'c' || file.language === 'javascript')?.name || "untitled";
+    state.gistName = gistName
   } catch (err) {
     let message: string
     if (err instanceof Error) message = err.message