diff --git a/src/components/file-view/index.tsx b/src/components/file-view/index.tsx
index 7db6d73..ea23e72 100644
--- a/src/components/file-view/index.tsx
+++ b/src/components/file-view/index.tsx
@@ -24,7 +24,7 @@ function FileView() {
 					<a className="link" href={location.pathname.endsWith("/") ? location.pathname + ".." : location.pathname + "/.."}>
 						<DynamicIcon name="chevron-left" size={21} />
 					</a>
-					<b>{location.pathname}</b>
+					<b>{decodeURIComponent(location.pathname)}</b>
 				</div>
 				<div className="action-row">
 					<a className="btn link" href={`/api/raw${location.pathname}`}>
diff --git a/src/store/raw.ts b/src/store/raw.ts
index 1260fb6..c32cb9c 100644
--- a/src/store/raw.ts
+++ b/src/store/raw.ts
@@ -16,7 +16,13 @@ export const useRaw = create<RawState>((set) => ({
 			return;
 		}
 
+		const contentType = res.headers.get("Content-Type");
+		if (!contentType || !contentType.includes("text")) {
+			set({ data: "this file is not supported showing preview" });
+			return;
+		}
+		
 		const text = await res.text();
-		set({ data: text });
+		set({ data: text });	
 	}
 }));