fix: expansion style

Author: Blackman99

package.json

@@ -12,7 +12,8 @@
   },
   "scripts": {
     "build": "rollup -c rollup.config.js",
-    "release": "pnpm build && changeset publish"
+    "release": "pnpm build && changeset publish",
+    "prepare": "pnpm build"
   },
   "author": {
     "email": "[email protected]",
@@ -37,7 +38,7 @@
     "stylelint-config-standard": "^34.0.0",
     "stylelint-config-standard-scss": "^10.0.0"
   },
-   "overrides": {
+  "overrides": {
     "stylelint-config-prettier": {
       "stylelint@": "^15.10.2"
     }

src/interact/expansion.scss

@@ -15,10 +15,16 @@
     &:active {
       background-color: var(--casual-input-bg-darker2);
     }
+
+    &-left {
+      @extend %c-flex, %c-items-center, %c-flex-grow;
+    }
   }
 
   &--icon {
-    @extend %c-mr-md;
+    @extend %c-mr-sm, %c-flex, %c-items-center;
+
+    font-size: 18px;
   }
 
   &--title {
@@ -34,10 +40,7 @@
 
   &--arrow {
     transition: transform $ease-in-out-quadratic 0.2s;
-
-    .c-icon {
-      font-size: 24px;
-    }
+    font-size: 18px;
 
     &-expanded {
       transform: rotate(180deg);