diff --git a/src/app/article/components/Copyright/index.tsx b/src/app/article/components/Copyright/index.tsx
index 83d6df7..fc0145e 100755
--- a/src/app/article/components/Copyright/index.tsx
+++ b/src/app/article/components/Copyright/index.tsx
@@ -7,7 +7,7 @@ const Copyright = () => {
   return (
     <div className="my-10 w-full select-none">
       <div className="relative flex flex-col gap-4 pt-8 border-t border-gray-200 dark:border-white/10">
-        <div className="absolute -top-3 left-1/2 -translate-x-1/2 bg-white dark:bg-black-b px-3 text-primary dark:text-blue-400">
+        <div className="absolute -top-2 left-1/2 -translate-x-1/2 bg-white dark:bg-black-a px-3 text-primary dark:text-blue-400">
           <FiPenTool className="text-sm -rotate-45" />
         </div>
 
diff --git a/src/app/my/components/IconCloud/index.tsx b/src/app/my/components/IconCloud/index.tsx
index 46ed194..353cb3f 100644
--- a/src/app/my/components/IconCloud/index.tsx
+++ b/src/app/my/components/IconCloud/index.tsx
@@ -43,10 +43,10 @@ export const renderCustomIcon = (icon: SimpleIcon, theme: string) => {
     minContrastRatio,
     size: 42,
     aProps: {
-      href: undefined,
-      target: undefined,
-      rel: undefined,
-      onClick: (e: any) => e.preventDefault(),
+      href: `https://simpleicons.org/icons/${icon.slug}`,
+      target: '_blank',
+      rel: 'noopener noreferrer',
+      onClick: (e: React.MouseEvent<HTMLAnchorElement>) => e.preventDefault(),
     },
   });
 };