diff --git a/pages/components/DiscordStatus.js b/pages/components/DiscordStatus.js
index 9e09760..2dbc4a0 100644
--- a/pages/components/DiscordStatus.js
+++ b/pages/components/DiscordStatus.js
@@ -16,6 +16,7 @@ const App = () => {
   const status = data.members && data.members[0].status;
   return (
   <>
+  <div className="z-50 transform translate-x-96 -translate-y-10 w-5">
   {
     (() => {
       if (status == "online"){
@@ -29,6 +30,7 @@ const App = () => {
       }
     })()
   }
+  </div>
   </>
   )
 }
diff --git a/pages/profile.js b/pages/profile.js
index ee9bb08..7733a70 100644
--- a/pages/profile.js
+++ b/pages/profile.js
@@ -38,11 +38,7 @@ export default function About(props) {
         {
          // Heading
         }
-        <div className="flex justify-center">
-          <div>
-          <div className="z-50 transform translate-x-40 translate-y-48 w-5">
-          <DiscordStatus />
-          </div>
+        <div>
           <Image
             className   = "object-contain rounded-full hover:animate-rumble z-0"
             src         = "/static/images/avatar.png"
@@ -50,14 +46,13 @@ export default function About(props) {
             width       = {200}
             height      = {200}
             unoptimized = {true}
-        />
-        
-          <p className="text-4xl subpixel-antialiased">yude</p>
+          />
+          <DiscordStatus />
+          <p className="text-4xl transform -translate-y-4">yude</p>
           <div>
           <DiscordPlaying />
           <Spotify />
           </div>
-          </div>
         </div>
         
         {