diff --git a/frontend/main.js b/frontend/main.js
index eb164aa..0ac76d5 100644
--- a/frontend/main.js
+++ b/frontend/main.js
@@ -19,12 +19,12 @@ const editor = new Editor();
 editor.mode_change_handler = () => {
   const icon = document.querySelector("#toggle-mode > i");
   if (editor.mode == "edit") {
-      icon.classList.add("lni-pencil");
+      icon.classList.add("lni-pencil-1");
       icon.classList.remove("lni-eye");
   }
   else {
       icon.classList.add("lni-eye");
-      icon.classList.remove("lni-pencil");
+      icon.classList.remove("lni-pencil-1");
   }
 };
 document.querySelector("#toggle-mode").addEventListener("click", () => {
diff --git a/index.html b/index.html
index 2df3d2a..735ae5b 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
 <body>
   <div data-tauri-drag-region class="titlebar">
     <div class="titlebar-button" id="add-note">
-      <i class="lni lni-empty-file"></i>
+      <i class="lni lni-file-plus-circle"></i>
     </div>
     <div class="titlebar-button" id="toggle-mode">
       <i class="lni lni-eye"></i>
@@ -17,20 +17,20 @@
       note.rs
     </div>
     <div class="titlebar-button" id="titlebar-settings">
-      <i class="lni lni-cog"></i>
+      <i class="lni lni-gear-1"></i>
     </div>
     <div class="titlebar-button" id="titlebar-info">
-      <i class="lni lni-information"></i>
+      <i class="lni lni-question-mark"></i>
     </div>
     <div>&nbsp;</div>    
     <div class="titlebar-button" id="titlebar-minimize">
       <i class="lni lni-chevron-down"></i>
     </div>
     <div class="titlebar-button" id="titlebar-maximize">
-      <i class="lni lni-full-screen"></i>
+      <i class="lni lni-expand-square-4"></i>
     </div>
     <div class="titlebar-button" id="titlebar-close">
-      <i class="lni lni-close"></i>
+      <i class="lni lni-xmark"></i>
     </div>
   </div>
 
@@ -49,16 +49,16 @@
     <div>
       <div id="content" class="hidden">
         <div class="toolbar">
-          <label class="lni lni-pencil"></label>
+          <label class="lni lni-pencil-1"></label>
           <input type="text" id="editor-title"/>
-          <div class="button" id="editor-screenshot"><i class="lni lni-camera"></i></div>
-          <div class="button" id="editor-open-folder"><i class="lni lni-folder"></i></div>
-          <div class="button" id="editor-save"><i class="lni lni-save"></i></div>
+          <div class="button" id="editor-screenshot"><i class="lni lni-camera-1"></i></div>
+          <div class="button" id="editor-open-folder"><i class="lni lni-folder-1"></i></div>
+          <div class="button" id="editor-save"><i class="lni lni-floppy-disk-1"></i></div>
           <div class="spacer"></div>
-          <div class="button" id="editor-remove"><i class="lni lni-trash-can"></i></div>
+          <div class="button" id="editor-remove"><i class="lni lni-trash-3"></i></div>
         </div>
         <div class="toolbar">
-          <label class="lni lni-tag"></label>
+          <label class="lni lni-comment-1-text"></label>
           <input type="text" id="editor-tags"/>
         </div>
         <hr/>
