diff --git a/components/LinkSidebar.tsx b/components/LinkSidebar.tsx
index d8c553f..6ffc2f5 100644
--- a/components/LinkSidebar.tsx
+++ b/components/LinkSidebar.tsx
@@ -69,7 +69,7 @@ export default function SettingsSidebar({ className, onClick }: Props) {
                 : undefined;
               onClick && onClick();
             }}
-            className={`hover:opacity-50 duration-100 py-2 px-2 cursor-pointer flex items-center gap-4 w-full rounded-md h-8`}
+            className={`hover:opacity-60 duration-100 py-2 px-2 cursor-pointer flex items-center gap-4 w-full rounded-md h-8`}
           >
             <FontAwesomeIcon
               icon={faPen}
@@ -95,7 +95,7 @@ export default function SettingsSidebar({ className, onClick }: Props) {
             onClick && onClick();
           }}
           title="Preserved Formats"
-          className={`hover:opacity-50 duration-100 py-2 px-2 cursor-pointer flex items-center gap-4 w-full rounded-md h-8`}
+          className={`hover:opacity-60 duration-100 py-2 px-2 cursor-pointer flex items-center gap-4 w-full rounded-md h-8`}
         >
           <FontAwesomeIcon
             icon={faBoxesStacked}
@@ -120,7 +120,7 @@ export default function SettingsSidebar({ className, onClick }: Props) {
               }
             }}
             title="Delete"
-            className={`hover:opacity-50 duration-100 py-2 px-2 cursor-pointer flex items-center gap-4 w-full rounded-md h-8`}
+            className={`hover:opacity-60 duration-100 py-2 px-2 cursor-pointer flex items-center gap-4 w-full rounded-md h-8`}
           >
             <FontAwesomeIcon
               icon={faTrashCan}
diff --git a/components/Modal/Link/PreservedFormats.tsx b/components/Modal/Link/PreservedFormats.tsx
index c6b7e18..5fe643f 100644
--- a/components/Modal/Link/PreservedFormats.tsx
+++ b/components/Modal/Link/PreservedFormats.tsx
@@ -92,7 +92,7 @@ export default function PreservedFormats() {
           <div className="flex text-black dark:text-white gap-1">
             <div
               onClick={() => handleDownload("png")}
-              className="cursor-pointer hover:opacity-50 duration-100 p-2 rounded-md"
+              className="cursor-pointer hover:opacity-60 duration-100 p-2 rounded-md"
             >
               <FontAwesomeIcon
                 icon={faCloudArrowDown}
@@ -103,7 +103,7 @@ export default function PreservedFormats() {
             <Link
               href={`/api/v1/archives/${link.collectionId}/${link.id}.png`}
               target="_blank"
-              className="cursor-pointer hover:opacity-50 duration-100 p-2 rounded-md"
+              className="cursor-pointer hover:opacity-60 duration-100 p-2 rounded-md"
             >
               <FontAwesomeIcon
                 icon={faArrowUpRightFromSquare}
@@ -127,7 +127,7 @@ export default function PreservedFormats() {
           <div className="flex text-black dark:text-white gap-1">
             <div
               onClick={() => handleDownload("pdf")}
-              className="cursor-pointer hover:opacity-50 duration-100 p-2 rounded-md"
+              className="cursor-pointer hover:opacity-60 duration-100 p-2 rounded-md"
             >
               <FontAwesomeIcon
                 icon={faCloudArrowDown}
@@ -138,7 +138,7 @@ export default function PreservedFormats() {
             <Link
               href={`/api/v1/archives/${link.collectionId}/${link.id}.pdf`}
               target="_blank"
-              className="cursor-pointer hover:opacity-50 duration-100 p-2 rounded-md"
+              className="cursor-pointer hover:opacity-60 duration-100 p-2 rounded-md"
             >
               <FontAwesomeIcon
                 icon={faArrowUpRightFromSquare}
@@ -165,7 +165,7 @@ export default function PreservedFormats() {
             ""
           )}`}
           target="_blank"
-          className="sm:mt-3 text-gray-500 dark:text-gray-300 duration-100 hover:opacity-50 flex gap-2 w-fit items-center text-sm"
+          className="sm:mt-3 text-gray-500 dark:text-gray-300 duration-100 hover:opacity-60 flex gap-2 w-fit items-center text-sm"
         >
           <FontAwesomeIcon
             icon={faArrowUpRightFromSquare}
diff --git a/layouts/LinkLayout.tsx b/layouts/LinkLayout.tsx
index fdafab3..b3c61c1 100644
--- a/layouts/LinkLayout.tsx
+++ b/layouts/LinkLayout.tsx
@@ -60,7 +60,7 @@ export default function LinkLayout({ children }: Props) {
 
             <div
               onClick={() => router.back()}
-              className="inline-flex gap-1 lg:hover:opacity-50 items-center select-none cursor-pointer p-2 lg:p-0 lg:px-1 lg:my-2 text-gray-500 dark:text-gray-300 rounded-md duration-100 hover:bg-slate-200 dark:hover:bg-neutral-700 lg:hover:bg-transparent lg:dark:hover:bg-transparent"
+              className="inline-flex gap-1 lg:hover:opacity-60 items-center select-none cursor-pointer p-2 lg:p-0 lg:px-1 lg:my-2 text-gray-500 dark:text-gray-300 rounded-md duration-100 hover:bg-slate-200 dark:hover:bg-neutral-700 lg:hover:bg-transparent lg:dark:hover:bg-transparent"
             >
               <FontAwesomeIcon icon={faChevronLeft} className="w-4 h-4" />
               Back
diff --git a/pages/links/[id].tsx b/pages/links/[id].tsx
index 54d7d87..1f77e3c 100644
--- a/pages/links/[id].tsx
+++ b/pages/links/[id].tsx
@@ -191,7 +191,7 @@ export default function Index() {
                     <Link
                       href={link?.url || ""}
                       target="_blank"
-                      className="hover:underline break-all"
+                      className="hover:opacity-60 duration-100 break-all"
                     >
                       {isValidUrl(link?.url || "")
                         ? new URL(link?.url as string).host