Test caret rotate.

src/client/js/components/MyDraftList/Draft.jsx

@@ -87,7 +87,7 @@ class Draft extends React.Component {
 
     return (
       <span>
-        <i className={` icon icon-arrow-up ${iconClass}`}></i>
+        <i className={`icon icon-arrow-up ${iconClass}`}></i>
         <span className="mx-2" onClick={() => this.setState({ isPanelExpanded: !isPanelExpanded })}>
           {this.props.path}
         </span>

src/client/styles/scss/_draft.scss

@@ -1,14 +1,13 @@
 .draft-list-item {
-  .panel-heading {
-    .caret {
-      transition: 0.4s;
-      transform: rotate(-90deg);
+  .icon-arrow-up {
+    transition: 0.4s;
+    transform: rotate(-90deg);
 
-      &.caret-opened {
-        transform: rotate(0deg);
-      }
+    &.caret-opened {
+      transform: rotate(30deg);
     }
-
+  }
+  .panel-heading {
     .icon-container {
       a:hover {
         text-decoration: unset;