diff --git a/src/components/Header/MyLogo.vue b/src/components/Header/MyLogo.vue
index 1074cfa..26bd8f9 100644
--- a/src/components/Header/MyLogo.vue
+++ b/src/components/Header/MyLogo.vue
@@ -46,13 +46,10 @@ body {
 .fire {
   position: relative;
   z-index: 999;
-  top: calc(50%);
-  left: calc(50%);
   width: 80px;
   height: 80px;
   background-color: transparent;
-  margin-left: auto;
-  margin-right: auto;
+  margin: 0 auto;
   padding-top: 50px;
 }
 .fire-center {
diff --git a/src/components/Header/NavBar.vue b/src/components/Header/NavBar.vue
index 1b8a5a5..aaa4bc3 100644
--- a/src/components/Header/NavBar.vue
+++ b/src/components/Header/NavBar.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="relative z-10 bg-gradient-to-r from-gray-800 to-gray-900 text-white neon-glow">
-    <div class="container mx-auto px-4 py-6 flex items-center justify-center relative">
+    <div class="w-full mx-auto py-6 flex items-center justify-center relative">
       <div class="absolute left-0 flex items-center space-x-4">
         <a href="https://google.com" class="transform hover:scale-110 transition-transform duration-300 ease-in-out">
           <img src="@/assets/discord.png" alt="Discord" class="icon-glow w-8 transform hover:scale-110 transition-transform duration-300 ease-in-out" />