diff --git a/components/core/FontFrame/hooks.js b/components/core/FontFrame/hooks.js
index 77e14fdf..9e329b91 100644
--- a/components/core/FontFrame/hooks.js
+++ b/components/core/FontFrame/hooks.js
@@ -33,7 +33,7 @@ const initialState = {
       valign: "center",
       textAlign: "left",
       fontSize: 24,
-      column: 1,
+      column: 2,
       lineHeight: 100,
       tracking: 0,
     },
diff --git a/components/core/FontFrame/index.js b/components/core/FontFrame/index.js
index 06aabcbf..f52f1aeb 100644
--- a/components/core/FontFrame/index.js
+++ b/components/core/FontFrame/index.js
@@ -189,11 +189,11 @@ const STYLES_GLYPHS_GRID = css`
   grid-template-rows: repeat(12, 1fr);
   grid-column-gap: 28px;
   grid-auto-rows: 0px;
-  overflow-y: hidden;
+  overflow: hidden;
 `;
 const Glyphs = ({}) => {
   const content = `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!?()@$#%*[]{}\:;_""-`;
-  const glyphs = React.useMemo(() => new Array(5).fill(content).join("").split(""), []);
+  const glyphs = React.useMemo(() => new Array(6).fill(content).join("").split(""), []);
   return (
     <div css={STYLES_GLYPHS_WRAPPER}>
       <div css={STYLES_GLYPHS_LETTER}>Aa</div>