diff --git a/src/style/organisms/_character-sheet.scss b/src/style/organisms/_character-sheet.scss
index f04ae439..79f739e2 100644
--- a/src/style/organisms/_character-sheet.scss
+++ b/src/style/organisms/_character-sheet.scss
@@ -3,7 +3,7 @@
 @use "../atoms/colours" as colour;
 @use "./character-tabs/meta";
 @use "./character-tabs/social";
-@use "./character-tabs/attributes";
+@use "./character-tabs/advsf";
 @use "./character-tabs/inventory";
 @use "./character-tabs/combat";
 @use "./character-tabs/spells";
@@ -78,8 +78,8 @@
       @include social.tab;
     }
 
-    .tab.attributes.active {
-      @include attributes.tab;
+    .tab.advsf.active {
+      @include advsf.tab;
     }
 
     .tab.equipment.active {
diff --git a/src/style/organisms/character-tabs/_advsf.scss b/src/style/organisms/character-tabs/_advsf.scss
new file mode 100644
index 00000000..f03a8898
--- /dev/null
+++ b/src/style/organisms/character-tabs/_advsf.scss
@@ -0,0 +1,77 @@
+@mixin tab {
+
+  .advantages-and-specialabilities {
+    display: flex;
+    height: unset;
+    gap: 8px;
+  }
+
+  .advantages, .special-abilities {
+    margin-bottom: 16px;
+
+    ul {
+      list-style-type: none;
+      padding: 0;
+      margin: 0;
+      text-indent: 0;
+
+      li {
+        display: inline-block;
+      }
+
+      .advantage, .special-ability {
+        position: relative;
+        border: 1px solid gold;
+        box-shadow: 2px 2px 4px #000;
+        border-radius: 8px;
+        height: 24px;
+        color: gold;
+        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+        display: inline-block;
+        padding: 0 8px;
+        margin-left: 0;
+        margin-bottom: 4px;
+        background-image: url("/systems/DSA_4-1/assets/velvet_button.png");
+        background-repeat: repeat-y;
+        background-size: cover;
+
+        span {
+          position: relative;
+          z-index: 2;
+          line-height: 24px;
+          vertical-align: middle;
+        }
+
+        &.special-ability {
+          &::after {
+            background: rgba(128, 0, 96, 0.5);
+          }
+        }
+
+        &::after {
+          content: "";
+          position: absolute;
+          left: 0;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          border-radius: 8px;
+          background: rgba(0, 128, 0, 0.5);
+        }
+
+        & + .advantage, & + .special-ability {
+          margin-left: 8px;
+        }
+
+        &.disadvantage {
+          font-style: italic;
+
+          &::after {
+            background: rgba(128, 0, 0, 0.5);
+          }
+        }
+      }
+    }
+
+  }
+}
diff --git a/src/style/organisms/character-tabs/_attributes.scss b/src/style/organisms/character-tabs/_attributes.scss
deleted file mode 100644
index f64cafe8..00000000
--- a/src/style/organisms/character-tabs/_attributes.scss
+++ /dev/null
@@ -1,80 +0,0 @@
-@mixin tab {
-  height: 100%;
-
-  .advantages-and-specialabilities {
-
-    height: unset;
-    display: unset;
-    gap: 0;
-    padding: unset;
-
-    .advantages, .special-abilities {
-      margin-bottom: 16px;
-
-      ul {
-        list-style-type: none;
-        padding: 0;
-        margin: 0;
-        text-indent: 0;
-
-        li {
-          display: inline-block;
-        }
-
-        .advantage, .special-ability {
-          position: relative;
-          border: 1px solid gold;
-          box-shadow: 2px 2px 4px #000;
-          border-radius: 8px;
-          height: 24px;
-          color: gold;
-          text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
-          display: inline-block;
-          padding: 0 8px;
-          margin-left: 0;
-          margin-bottom: 4px;
-          background-image: url("../../assets/velvet_button.png");
-          background-repeat: repeat-y;
-          background-size: cover;
-
-          span {
-            position: relative;
-            z-index: 2;
-            line-height: 24px;
-            vertical-align: middle;
-          }
-
-          &.special-ability {
-            &::after {
-              background: rgba(128, 0, 96, 0.5);
-            }
-          }
-
-          &::after {
-            content: "";
-            position: absolute;
-            left: 0;
-            top: 0;
-            right: 0;
-            bottom: 0;
-            border-radius: 8px;
-            background: rgba(0, 128, 0, 0.5);
-          }
-
-          & + .advantage, & + .special-ability {
-            margin-left: 8px;
-          }
-
-          &.disadvantage {
-            font-style: italic;
-
-            &::after {
-              background: rgba(128, 0, 0, 0.5);
-            }
-          }
-        }
-      }
-
-    }
-  }
-}