2 files changed, 20 insertions, 2 deletions
diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.scss b/src/client/views/nodes/formattedText/FormattedTextBox.scss
index 99b4a84fc..15ce9ec8f 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBox.scss
+++ b/src/client/views/nodes/formattedText/FormattedTextBox.scss
@@ -14,6 +14,23 @@
     }
 }
 
+.formattedTextBox-inner {
+    &.h-center * {
+        display: flex;
+        justify-content: center;
+    }
+
+    &.h-left * {
+        display: flex;
+        justify-content: flex-start;
+    }
+
+    &.h-right * {
+        display: flex;
+        justify-content: flex-end;
+    }
+}
+
 .ProseMirror:focus {
     outline: none !important;
 }
@@ -1035,3 +1052,4 @@ footnote::before {
         }
     }
 }
+
diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.tsx b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
index cbf7e8ff9..2f36a2379 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBox.tsx
+++ b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
@@ -2104,7 +2104,7 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FormattedTextB
                         onScroll={this.onScroll}
                         onDrop={this.ondrop}>
                         <div
-                            className={`formattedTextBox-inner${rounded} ${this.layoutDoc._layout_centered ? 'centered' : ''}`}
+                            className={`formattedTextBox-inner${rounded} ${this.layoutDoc._layout_centered ? 'centered' : ''} ${this.layoutDoc.hCentering}`}
                             ref={this.createDropTarget}
                             style={{
                                 padding: StrCast(this.layoutDoc._textBoxPadding),
@@ -2112,7 +2112,7 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FormattedTextB
                                 paddingRight: StrCast(this.layoutDoc._textBoxPaddingX, `${paddingX}px`),
                                 paddingTop: StrCast(this.layoutDoc._textBoxPaddingY, `${paddingY}px`),
                                 paddingBottom: StrCast(this.layoutDoc._textBoxPaddingY, `${paddingY}px`),
-                                color: 'red',
+                                color: StrCast(this.layoutDoc.text_fontColor),
                             }}
                         />
                     </div>