diff --git a/web/package.json b/web/package.json
index 85bf625..a38a28a 100644
--- a/web/package.json
+++ b/web/package.json
@@ -15,7 +15,7 @@
     "copy-to-clipboard": "^3.3.2",
     "dayjs": "^1.11.3",
     "lodash-es": "^4.17.21",
-    "lucide-react": "^0.115.0",
+    "lucide-react": "^0.252.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hot-toast": "^2.4.0",
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index 7b57d45..0764af5 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -30,8 +30,8 @@ dependencies:
     specifier: ^4.17.21
     version: 4.17.21
   lucide-react:
-    specifier: ^0.115.0
-    version: 0.115.0(react@18.2.0)
+    specifier: ^0.252.0
+    version: 0.252.0(react@18.2.0)
   react:
     specifier: ^18.2.0
     version: 18.2.0
@@ -2190,8 +2190,8 @@ packages:
       yallist: 4.0.0
     dev: true
 
-  /lucide-react@0.115.0(react@18.2.0):
-    resolution: {integrity: sha512-VGL7jBKN6pEXi6peXoyn9t9O7olvinaAonnoe+iFi/F2q7/yQzAFM5KR1OY15u9PlrB3scI9HvcTFoOrIjUaVQ==}
+  /lucide-react@0.252.0(react@18.2.0):
+    resolution: {integrity: sha512-98hUdm23F3YlC3UN4mzv1FAsWr81YYdxF31cYhm19c51FwOph4dn5B4NjKp45UXBiR1Xx+cKrdmSIZX0ldS8zw==}
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0
     dependencies:
diff --git a/web/src/components/Header.tsx b/web/src/components/Header.tsx
index c7380c3..2201de9 100644
--- a/web/src/components/Header.tsx
+++ b/web/src/components/Header.tsx
@@ -12,45 +12,44 @@ const Header: React.FC = () => {
   };
 
   return (
-    <>
-      <div className="w-full bg-amber-50">
-        <div className="w-full max-w-4xl mx-auto px-3 py-5 flex flex-row justify-between items-center">
-          <div className="flex flex-row justify-start items-center shrink mr-2">
-            <Link to="/" className="text-base font-mono font-medium cursor-pointer flex flex-row justify-start items-center">
-              <img src="/logo.png" className="w-8 h-auto mr-2" alt="" />
-              Shortify
-            </Link>
-          </div>
-          <div className="relative flex-shrink-0">
-            <Dropdown
-              trigger={
-                <button className="flex flex-row justify-end items-center cursor-pointer">
-                  <span>{user.nickname}</span>
-                  <Icon.ChevronDown className="ml-1 w-5 h-auto text-gray-600" />
+    <div className="w-full bg-amber-50">
+      <div className="w-full max-w-4xl mx-auto px-3 py-5 flex flex-row justify-between items-center">
+        <div className="flex flex-row justify-start items-center shrink mr-2">
+          <Link to="/" className="text-base font-mono font-medium cursor-pointer flex flex-row justify-start items-center">
+            <img src="/logo.png" className="w-8 h-auto mr-2" alt="" />
+            Shortify
+          </Link>
+        </div>
+        <div className="relative flex-shrink-0">
+          <Dropdown
+            trigger={
+              <button className="flex flex-row justify-end items-center cursor-pointer">
+                <Icon.User className="w-5 h-auto mr-1" />
+                <span>{user.nickname}</span>
+                <Icon.ChevronDown className="ml-1 w-5 h-auto text-gray-600" />
+              </button>
+            }
+            actions={
+              <>
+                <Link
+                  to="/account"
+                  className="w-full flex flex-row justify-start items-center px-3 leading-10 text-left cursor-pointer rounded whitespace-nowrap hover:bg-gray-100"
+                >
+                  <Icon.User className="w-4 h-auto mr-2" /> My Account
+                </Link>
+                <button
+                  className="w-full flex flex-row justify-start items-center px-3 leading-10 text-left cursor-pointer rounded whitespace-nowrap hover:bg-gray-100"
+                  onClick={() => handleSignOutButtonClick()}
+                >
+                  <Icon.LogOut className="w-4 h-auto mr-2" /> Sign out
                 </button>
-              }
-              actions={
-                <>
-                  <Link
-                    to="/account"
-                    className="w-full flex flex-row justify-start items-center px-3 leading-10 text-left cursor-pointer rounded whitespace-nowrap hover:bg-gray-100"
-                  >
-                    <Icon.User className="w-4 h-auto mr-2" /> My Account
-                  </Link>
-                  <button
-                    className="w-full flex flex-row justify-start items-center px-3 leading-10 text-left cursor-pointer rounded whitespace-nowrap hover:bg-gray-100"
-                    onClick={() => handleSignOutButtonClick()}
-                  >
-                    <Icon.LogOut className="w-4 h-auto mr-2" /> Sign out
-                  </button>
-                </>
-              }
-              actionsClassName="!w-40"
-            ></Dropdown>
-          </div>
+              </>
+            }
+            actionsClassName="!w-40"
+          ></Dropdown>
         </div>
       </div>
-    </>
+    </div>
   );
 };
 
diff --git a/web/src/components/ShortcutListView.tsx b/web/src/components/ShortcutListView.tsx
index 32d4c36..59fb9e9 100644
--- a/web/src/components/ShortcutListView.tsx
+++ b/web/src/components/ShortcutListView.tsx
@@ -67,28 +67,28 @@ const ShortcutListView: React.FC<Props> = (props: Props) => {
               <div className="flex flex-row justify-end items-center space-x-2">
                 <Tooltip title="Copy link" variant="solid" placement="top">
                   <button className="cursor-pointer hover:opacity-80" onClick={() => handleCopyButtonClick(shortcut)}>
-                    <Icon.Copy className="w-4 h-auto" />
+                    <Icon.Copy className="w-5 h-auto text-gray-600" />
                   </button>
                 </Tooltip>
                 <Tooltip title="Go to link" variant="solid" placement="top">
                   <a className="cursor-pointer hover:opacity-80" target="_blank" href={shortcut.link}>
-                    <Icon.ExternalLink className="w-4 h-auto" />
+                    <Icon.ExternalLink className="w-5 h-auto text-gray-600" />
                   </a>
                 </Tooltip>
                 <Dropdown
-                  actionsClassName="!w-20"
+                  actionsClassName="!w-24"
                   actions={
                     <>
                       <button
                         disabled={!havePermission(shortcut)}
-                        className="w-full px-2 text-left leading-8 text-sm cursor-pointer rounded hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
+                        className="w-full px-2 text-left leading-8 cursor-pointer rounded hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
                         onClick={() => setEditingShortcutId(shortcut.id)}
                       >
                         Edit
                       </button>
                       <button
                         disabled={!havePermission(shortcut)}
-                        className="w-full px-2 text-left leading-8 text-sm cursor-pointer rounded text-red-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
+                        className="w-full px-2 text-left leading-8 cursor-pointer rounded text-red-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
                         onClick={() => {
                           handleDeleteShortcutButtonClick(shortcut);
                         }}
diff --git a/web/src/components/common/Dropdown.tsx b/web/src/components/common/Dropdown.tsx
index 8662e95..cb8d79f 100644
--- a/web/src/components/common/Dropdown.tsx
+++ b/web/src/components/common/Dropdown.tsx
@@ -38,7 +38,7 @@ const Dropdown: React.FC<Props> = (props: Props) => {
         trigger
       ) : (
         <button className="flex flex-row justify-center items-center rounded text-gray-600 cursor-pointer hover:opacity-80">
-          <Icon.MoreVertical className="w-4 h-auto" />
+          <Icon.MoreVertical className="w-5 h-auto" />
         </button>
       )}
       <div
diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx
index 97e8e5c..87e2432 100644
--- a/web/src/pages/Home.tsx
+++ b/web/src/pages/Home.tsx
@@ -49,6 +49,7 @@ const Home: React.FC = () => {
                     className="w-full flex flex-row justify-start items-center px-3 leading-10 rounded cursor-pointer hover:bg-gray-100"
                     onClick={() => setShowCreateShortcutDialog(true)}
                   >
+                    <Icon.Link className="w-4 h-auto text-gray-500 mr-1" />
                     Shortcut
                   </button>
                 </>