diff --git a/projects/account/src/app/modules/skill/skill-panel/skill-panel.component.scss b/projects/account/src/app/modules/skill/skill-panel/skill-panel.component.scss
index 8e56392..1f66485 100644
--- a/projects/account/src/app/modules/skill/skill-panel/skill-panel.component.scss
+++ b/projects/account/src/app/modules/skill/skill-panel/skill-panel.component.scss
@@ -20,7 +20,7 @@
 @use "components/buttons" as buttons;
 @use "mycroft-theme" as theme;
 
-mat-expansion-panel {
+.mat-expansion-panel {
     border-radius: 10px;
     margin-bottom: 16px;
     margin-left: auto;
diff --git a/projects/account/src/app/modules/skill/skill.component.html b/projects/account/src/app/modules/skill/skill.component.html
index 294b631..3b62834 100644
--- a/projects/account/src/app/modules/skill/skill.component.html
+++ b/projects/account/src/app/modules/skill/skill.component.html
@@ -1,12 +1,14 @@
 <router-outlet></router-outlet>
-<h1 class="mat-h1">Configure Your Skills</h1>
-<p class="mat-subheading-1">{{helpText}}</p>
-<p class="mat-subheading-1">
-    {{moreSkillsText}}
-    <a [href]="mycroftUrls.marketplace">{{marketplaceLink}}</a>
-</p>
-<account-skill-panel
-        *ngFor="let skill of skills$ | async" [skill]="skill"
-        [deviceCount]="deviceCount"
->
-</account-skill-panel>
+<div fxLayout="column" fxLayoutAlign="none center">
+    <h1 class="mat-h1">Configure Your Skills</h1>
+    <p class="mat-subheading-1">{{helpText}}</p>
+    <p class="mat-subheading-1">
+        {{moreSkillsText}}
+        <a [href]="mycroftUrls.marketplace">{{marketplaceLink}}</a>
+    </p>
+    <account-skill-panel
+            *ngFor="let skill of skills$ | async" [skill]="skill"
+            [deviceCount]="deviceCount"
+    >
+    </account-skill-panel>
+</div>
diff --git a/projects/account/src/app/modules/skill/skill.component.scss b/projects/account/src/app/modules/skill/skill.component.scss
index 1dea78b..1dbcbfc 100644
--- a/projects/account/src/app/modules/skill/skill.component.scss
+++ b/projects/account/src/app/modules/skill/skill.component.scss
@@ -19,12 +19,13 @@
 @use "@angular/material" as mat;
 @use "mycroft-theme" as theme;
 
-h1 {
+.mat-h1 {
     color: mat.get-color-from-palette(theme.$mycroft-primary, 700);
     font-weight: bold;
     text-align: center;
-    margin-right: auto;
     margin-left: auto;
+    margin-right: auto;
+    padding-top: 32px;
     max-width: 700px;
 }