diff --git a/src/app/users/users.component.html b/src/app/users/users.component.html
index 46f8649..1e52986 100644
--- a/src/app/users/users.component.html
+++ b/src/app/users/users.component.html
@@ -15,8 +15,8 @@ <h3>{{ user.name }}</h3>
         <p class="user-followers">Followers: {{ user.followerCount }}</p>
       </div>
     </div>
-    @if (user.isFollowing) {
     <div class="button-container">
+      @if (user.isFollowing) {
       <button
         (click)="unfollowUser(user.uid)"
         class="custom-following-button"
@@ -24,9 +24,7 @@ <h3>{{ user.name }}</h3>
       >
         Following
       </button>
-    </div>
-    } @else{
-    <div class="button-container">
+      } @else{
       <button
         class="custom-button"
         (click)="followUser(user.uid)"
@@ -34,8 +32,8 @@ <h3>{{ user.name }}</h3>
       >
         Follow
       </button>
+      }
     </div>
-    }
   </div>
   }
 </section>
diff --git a/src/app/users/users.component.scss b/src/app/users/users.component.scss
index bfb1a2b..2170732 100644
--- a/src/app/users/users.component.scss
+++ b/src/app/users/users.component.scss
@@ -73,7 +73,10 @@
   }
 
   .button-container {
-    margin-top: 10px;
+    padding: 10px;
     width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 }