diff --git a/17th Website/src/components/ProfilePage/profileHeader.vue b/17th Website/src/components/ProfilePage/profileHeader.vue
index 1b536d3..d08fed5 100644
--- a/17th Website/src/components/ProfilePage/profileHeader.vue	
+++ b/17th Website/src/components/ProfilePage/profileHeader.vue	
@@ -15,13 +15,10 @@ export default {
 </script>
 
 <template>
-    <div id="wrapper">
-        <div>
-
-        </div>
-        <div id="headerImages">
+    <div id="wrapper" class="flex flex-row xl:flex-col">
+        <div id="headerImages" class="flex flex-col items-center">
             <img id="rankImg" src="../icons/misc/test.png" />
-            <img id="rangerTab" src="#" />
+            <img id="rangerTab" src="../icons/misc/test.png" class="w-40"/>
         </div>
         <div id="mainInfo">
             <h1>Big Name</h1>