diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 6ebfb3a..9b5078b 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -156,11 +156,14 @@ export const Header = () => {
         </div>
 
         <a
-          class="whitespace-nowrap text-xl font-bold uppercase"
+          class="flex whitespace-nowrap text-xl font-bold uppercase"
           href="https://github.com/metacubex/metacubexd"
           target="_blank"
         >
-          metacube, xd
+          <span class="mr-2">metacube, </span>
+          <div class="transition-transform hover:rotate-90 hover:scale-125">
+            xd
+          </div>
         </a>
       </div>