diff --git a/src/components/dialogs/TitleDialog.tsx b/src/components/dialogs/TitleDialog.tsx
index 3537c11..9d40364 100644
--- a/src/components/dialogs/TitleDialog.tsx
+++ b/src/components/dialogs/TitleDialog.tsx
@@ -65,7 +65,10 @@ export class Component extends React.PureComponent<ITitleDialogProps, ITitleDial
     const height = nearestInt(Math.min(container_height, Math.min(text_height, min_height)), text_line) + text_margins;
     const height_raised = nearestInt(Math.min(container_height, Math.min(text_height, max_height)), text_line) + text_margins;
 
-    this.setState({ height, height_raised });
+    this.setState({
+      height: ((height_raised - height) < 2 * text_line ? height_raised : height),
+      height_raised
+    });
   };
 
   render() {
diff --git a/src/styles/panel.less b/src/styles/panel.less
index ad555a3..eac9745 100644
--- a/src/styles/panel.less
+++ b/src/styles/panel.less
@@ -649,6 +649,7 @@
   display: flex;
   flex-direction: column;
   opacity: 0;
+  align-items: flex-start;
 
   @media(max-width: @mobile_breakpoint) {
     display: none;