update rich text toolbar styling

src/components/UI/Sticky/Sticky.css

@@ -8,7 +8,7 @@
 
 .stickyActive:not(.stickyAtBottom) {
   position: fixed !important;
-  top: 64px !important;
+  top: 54px !important;
 }
 
 .stickyAtBottom {

src/components/UI/Sticky/Sticky.js

@@ -163,6 +163,11 @@ export class Sticky extends Component {
   static propTypes = {
     className: PropTypes.string,
 
+    /**
+     * classNameActive: class to apply when Sticky is active.
+     */
+    classNameActive: PropTypes.string,
+
     /**
      * fillContainerWidth: allows the sticky width to be dynamically set to the width of it's
      * StickyContainer when sticky (fixed positioning).
@@ -201,6 +206,7 @@ export class Sticky extends Component {
             styles.sticky,
             {
               [styles.stickyActive]: state.shouldStick,
+              [props.classNameActive]: state.shouldStick,
               [styles.stickyAtBottom]: state.shouldStickAtBottom,
             },
           )}

src/components/UI/theme.css

@@ -25,6 +25,7 @@
   --controlBGColor: #fff;
   --backgroundTertiaryColor: #fff;
   --backgroundTertiaryColorDark: color(var(--backgroundTertiaryColor) lightness(90%));
+  --richTextEditorMinHeight: 300px;
 }
 
 .base {