diff --git a/src/component/snippets/SnippetsNavigation.tsx b/src/component/snippets/SnippetsNavigation.tsx
index fc962ea..cddeeb7 100644
--- a/src/component/snippets/SnippetsNavigation.tsx
+++ b/src/component/snippets/SnippetsNavigation.tsx
@@ -8,6 +8,8 @@ import {
 	CaseSensitive,
 	CircleEllipsis,
 	Edit,
+	Eye,
+	EyeClosed,
 	RefreshCw,
 	Search,
 	SortAsc,
@@ -149,7 +151,7 @@ export const SnippetsNavigation: React.FC<SnippetsNavigationProps> = ({
 		menu.addItem((item) =>
 			item
 				.setTitle(LL.view.snippets.sort_by_name_asc())
-				.setIcon("arrow-up-a-z")
+				.setIcon("arrow-up-az")
 				.setChecked(sortType === "name_asc")
 				.onClick(() => setSortType("name_asc"))
 		);
@@ -157,7 +159,7 @@ export const SnippetsNavigation: React.FC<SnippetsNavigationProps> = ({
 		menu.addItem((item) =>
 			item
 				.setTitle(LL.view.snippets.sort_by_name_desc())
-				.setIcon("arrow-up-z-a")
+				.setIcon("arrow-up-za")
 				.setChecked(sortType === "name_desc")
 				.onClick(() => setSortType("name_desc"))
 		);
@@ -167,7 +169,7 @@ export const SnippetsNavigation: React.FC<SnippetsNavigationProps> = ({
 		menu.addItem((item) =>
 			item
 				.setTitle(LL.view.snippets.sort_by_mtime_desc())
-				.setIcon("arrow-up-1-0")
+				.setIcon("arrow-up-10")
 				.setChecked(sortType === "mtime_new")
 				.onClick(() => setSortType("mtime_new"))
 		);
@@ -175,7 +177,7 @@ export const SnippetsNavigation: React.FC<SnippetsNavigationProps> = ({
 		menu.addItem((item) =>
 			item
 				.setTitle(LL.view.snippets.sort_by_mtime_asc())
-				.setIcon("arrow-up-0-1")
+				.setIcon("arrow-up-01")
 				.setChecked(sortType === "mtime_old")
 				.onClick(() => setSortType("mtime_old"))
 		);
@@ -185,7 +187,7 @@ export const SnippetsNavigation: React.FC<SnippetsNavigationProps> = ({
 		menu.addItem((item) =>
 			item
 				.setTitle(LL.view.snippets.sort_by_ctime_desc())
-				.setIcon("arrow-up-1-0")
+				.setIcon("arrow-up-10")
 				.setChecked(sortType === "ctime_new")
 				.onClick(() => setSortType("ctime_new"))
 		);
@@ -193,7 +195,7 @@ export const SnippetsNavigation: React.FC<SnippetsNavigationProps> = ({
 		menu.addItem((item) =>
 			item
 				.setTitle(LL.view.snippets.sort_by_ctime_asc())
-				.setIcon("arrow-up-0-1")
+				.setIcon("arrow-up-01")
 				.setChecked(sortType === "ctime_old")
 				.onClick(() => setSortType("ctime_old"))
 		);
@@ -468,6 +470,19 @@ export const SnippetsNavigation: React.FC<SnippetsNavigationProps> = ({
 						onClick={() => onFileSelect(file.name)}
 						onContextMenu={(e) => handleContextMenu(e, file)}
 					>
+						<div className="nav-file-title-icon">
+							{file.enabled ? (
+								<Eye
+									size={24}
+									className="svg-icon mod-success"
+								/>
+							) : (
+								<EyeClosed
+									size={24}
+									className="svg-icon mod-warning"
+								/>
+							)}
+						</div>
 						<div
 							className="nav-file-title-content"
 							aria-label={
diff --git a/styles/SnippetsEditorView.css b/styles/SnippetsEditorView.css
index 830c772..602ef24 100644
--- a/styles/SnippetsEditorView.css
+++ b/styles/SnippetsEditorView.css
@@ -63,6 +63,10 @@
 			transform: rotate(360deg);
 		}
 	}
+
+	.nav-file-title {
+		gap: 4px;
+	}
 }
 
 .ace-snippets-empty-state {
diff --git a/styles/SnippetsFileModal.css b/styles/SnippetsFileModal.css
deleted file mode 100644
index 93660a6..0000000
--- a/styles/SnippetsFileModal.css
+++ /dev/null
@@ -1,209 +0,0 @@
-.ace-snippets-file-modal {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	width: 100%;
-	color: var(--text-normal);
-	font-size: var(--font-ui-small);
-}
-
-.snippets-modal-header {
-	display: flex;
-	align-items: center;
-	gap: 10px;
-	padding-bottom: 12px;
-	margin-bottom: 12px;
-	border-bottom: 1px solid var(--background-modifier-border);
-}
-
-.snippets-modal-header h2 {
-	margin: 0;
-	font-size: var(--font-ui-medium);
-	font-weight: var(--font-semibold);
-	color: var(--text-normal);
-	line-height: 1.2;
-}
-
-.snippets-modal-header-icon {
-	color: var(--text-accent);
-}
-
-.snippets-modal-content {
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-	overflow: hidden;
-}
-
-.snippets-new-file {
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-	padding: 12px;
-	background-color: var(--background-secondary);
-	border: 1px solid var(--background-modifier-border);
-	border-radius: var(--radius-m);
-}
-
-.snippets-new-file input {
-	width: 100%;
-}
-
-.snippets-new-file-actions {
-	display: flex;
-	gap: 8px;
-	justify-content: flex-end;
-}
-
-.snippets-actions {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	margin-bottom: 4px;
-}
-
-.snippets-search {
-	flex: 1;
-}
-
-.snippets-search input {
-	width: 100%;
-}
-
-.snippets-action-buttons {
-	display: flex;
-	gap: 4px;
-}
-
-.snippets-action-buttons button {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 30px;
-	width: 30px;
-	padding: 0;
-	background: transparent;
-	border: none;
-	box-shadow: none;
-	border-radius: var(--radius-s);
-	color: var(--text-muted);
-	cursor: pointer;
-	transition: color 0.15s ease, background-color 0.15s ease;
-}
-
-.snippets-action-buttons button:hover {
-	background-color: var(--background-modifier-hover);
-	color: var(--text-normal);
-}
-
-.snippets-file-list {
-	flex: 1;
-	overflow-y: auto;
-	border: 1px solid var(--background-modifier-border);
-	border-radius: var(--radius-m);
-	background-color: var(--background-primary);
-}
-
-.snippets-file-item {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 8px 12px;
-	border-bottom: 1px solid var(--background-modifier-border);
-	transition: background-color 0.15s ease;
-}
-
-.snippets-file-item:last-child {
-	border-bottom: none;
-}
-
-.snippets-file-item:hover {
-	background-color: var(--background-modifier-hover);
-}
-
-.snippets-file-name {
-	flex: 1;
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	font-weight: var(--font-medium);
-	color: var(--text-normal);
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.snippets-file-badge {
-	font-size: var(--font-ui-smaller);
-	color: var(--text-muted);
-	background-color: var(--background-secondary-alt);
-	padding: 2px 6px;
-	border-radius: var(--radius-s);
-}
-
-.snippets-file-actions {
-	display: flex;
-	align-items: center;
-	gap: 6px;
-}
-
-.snippets-file-actions .snippets-toggle {
-	margin-right: 8px;
-}
-
-.snippets-file-actions button {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 24px;
-	width: 24px;
-	padding: 0;
-	background: transparent;
-	border: none;
-	box-shadow: none;
-	border-radius: var(--radius-s);
-	color: var(--text-muted);
-	cursor: pointer;
-	opacity: 0.7;
-}
-
-.snippets-file-actions button:hover {
-	background-color: var(--background-modifier-hover);
-	color: var(--text-normal);
-	opacity: 1;
-}
-
-.snippets-file-actions .snippets-delete-btn:hover {
-	color: var(--text-error);
-	background-color: var(--background-modifier-error-hover);
-}
-
-.snippets-empty-state {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-	min-height: 150px;
-	color: var(--text-muted);
-	gap: 12px;
-}
-
-.snippets-empty-icon {
-	color: var(--text-faint);
-}
-
-button {
-	cursor: pointer;
-	border-radius: var(--radius-s);
-}
-
-button.mod-cta {
-	background-color: var(--interactive-accent);
-	color: var(--text-on-accent);
-}
-
-button.mod-cta:hover {
-	background-color: var(--interactive-accent-hover);
-}
diff --git a/styles/styles.ts b/styles/styles.ts
index c970ad3..e1d2937 100644
--- a/styles/styles.ts
+++ b/styles/styles.ts
@@ -8,4 +8,3 @@ import "./QuickConfigModal.css";
 import "./SettingsTab.css";
 import "./SettingsView.css";
 import "./SnippetsEditorView.css";
-import "./SnippetsFileModal.css";