diff --git a/frontend/src/app/team/team.component.html b/frontend/src/app/team/team.component.html
index 21f176d..4a4c55f 100644
--- a/frontend/src/app/team/team.component.html
+++ b/frontend/src/app/team/team.component.html
@@ -10,7 +10,7 @@
 
   <main>
     <section class="darkmodeSection">
-      <div class="container" style="padding: 50px 0 0 0; justify-content: center;">
+      <div class="container teamContainer">
         <h2 class="sectionTitle">Management</h2>
         <div class="member">
           <img ngSrc="https://crafatar.com/avatars/55e46bc32a294c53850fdbd944dc5c5f?overlay"
@@ -27,17 +27,17 @@
       </div>
     </section>
     <section class="darkmodeSectionThree">
-      <div class="container" style="padding: 50px 0 0 0; justify-content: center;">
+      <div class="container teamContainer">
         <h2 class="sectionTitle">Admins</h2>
       </div>
     </section>
     <section class="darkmodeSection">
-      <div class="container" style="padding: 50px 0 0 0; justify-content: center;">
+      <div class="container teamContainer">
         <h2 class="sectionTitle">Head Moderators</h2>
       </div>
     </section>
     <section class="darkmodeSectionThree">
-      <div class="container" style="padding: 50px 0 0 0; justify-content: center;">
+      <div class="container teamContainer">
         <h2 class="sectionTitle">Moderators</h2>
       </div>
     </section>
diff --git a/frontend/src/app/team/team.component.scss b/frontend/src/app/team/team.component.scss
index 2b61d7a..ed1daf7 100644
--- a/frontend/src/app/team/team.component.scss
+++ b/frontend/src/app/team/team.component.scss
@@ -19,3 +19,8 @@
 .member p {
   font-family: 'opensans-bold', sans-serif;
 }
+
+.teamContainer {
+  padding: 50px 0 0 0;
+  justify-content: center;
+}