resized alternate text icon

2 files changed, 6 insertions, 4 deletions

diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.scss b/src/client/views/nodes/formattedText/FormattedTextBox.scss
index 3b42c41a5..eb9dd1e66 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBox.scss
+++ b/src/client/views/nodes/formattedText/FormattedTextBox.scss
@@ -73,13 +73,15 @@ audiotag:hover {
     }
 }
 .formattedTextBox-alternateButton {
+    align-items: center;
+    flex-direction: column;
     position: absolute;
     color: white;
     background: black;
     right: 0;
     bottom: 0;
-    width: 15;
-    height: 15;
+    width: 11;
+    height: 11;
 }
 
 .formattedTextBox-outer-selected,
diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.tsx b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
index 2755d5100..82a26fa86 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBox.tsx
+++ b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
@@ -1953,11 +1953,11 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
                         setupMoveUpEvents(e.target, e, returnFalse, emptyFunction, e => (this.rootDoc[`_${this.props.fieldKey}-usePath`] = usePath === undefined ? 'alternate' : usePath === 'alternate' ? 'alternate:hover' : undefined))
                     }
                     style={{
-                        display: this.props.isContentActive() ? 'block' : 'none',
+                        display: this.props.isContentActive() && !SnappingManager.GetIsDragging() ? 'flex' : 'none',
                         background: usePath === undefined ? 'white' : usePath === 'alternate' ? 'black' : 'gray',
                         color: usePath === undefined ? 'black' : 'white',
                     }}>
-                    <FontAwesomeIcon icon="turn-up" size="lg" />
+                    <FontAwesomeIcon icon="turn-up" size="sm" />
                 </div>
             </Tooltip>
         );