diff --git a/src/styles/styles.css b/src/styles/styles.css
index 839c4e6..9384e6c 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -15,3 +15,13 @@
   display: flex;
   justify-content: center;
 }
+
+.center-button-container {
+  display: flex;
+  justify-content: center;
+  margin-top: 10px;
+}
+
+.center-button {
+  min-width: 320px;
+}
diff --git a/src/views/PersonalView/PersonalSessionBlock.vue b/src/views/PersonalView/PersonalSessionBlock.vue
index 39bb039..8fef1ad 100644
--- a/src/views/PersonalView/PersonalSessionBlock.vue
+++ b/src/views/PersonalView/PersonalSessionBlock.vue
@@ -48,21 +48,13 @@ const onLogout = () => {
           {{ formattedDate }}
         </n-thing>
       </n-list-item>
-      <div class="logout-container">
-        <n-button type="info" class="logout" @click="onLogout">Log out</n-button>
+      <div class="center-button-container">
+        <n-button type="info" class="center-button" @click="onLogout">Log out</n-button>
       </div>
     </n-list>
   </n-card>
 </template>
 
 <style scoped>
-.logout-container {
-  display: flex;
-  justify-content: center;
-  margin-top: 10px;
-}
 
-.logout {
-  min-width: 320px;
-}
 </style>