diff --git a/apps/spreadsheeteditor/mobile/locale/en.json b/apps/spreadsheeteditor/mobile/locale/en.json
index 51c86755f6..1f3492f3b4 100644
--- a/apps/spreadsheeteditor/mobile/locale/en.json
+++ b/apps/spreadsheeteditor/mobile/locale/en.json
@@ -313,6 +313,7 @@
             "textRotateTextDown": "Rotate Text Down",
             "textNoBorder": "No Border",
             "textAllBorders": "All Borders",
+            "textOutsideBorders": "Outside Borders",
             "textBottomBorder": "Bottom Border",
             "textTopBorder": "Top Border",
             "textLeftBorder": "Left Border",
diff --git a/apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx b/apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx
index 7f9dd0861b..bd6f98fec9 100644
--- a/apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx
+++ b/apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx
@@ -513,11 +513,17 @@ const PageBorderStyleCell = props => {
                 }}>
                     <Icon slot="media" icon="icon-table-borders-all"></Icon>
                 </ListItem>
+                <ListItem title={_t.textOutsideBorders} onClick={() => {
+                    storeCellSettings.changeBorderStyle('outer');
+                    props.onBorderStyle('outer', borderInfo);
+                }}>  
+                    <Icon slot="media" icon="icon-table-borders-outer"></Icon> 
+                </ListItem>
                 <ListItem title={_t.textBottomBorder} onClick={() => {
                     storeCellSettings.changeBorderStyle('2');
                     props.onBorderStyle('2', borderInfo);
                 }}>  
-                    <Icon slot="media" icon="icon-table-borders-bottom"></Icon> 
+                    <Icon slot="media" icon="icon-table-borders-bottom"></Icon>
                 </ListItem>
                 <ListItem title={_t.textTopBorder} onClick={() => {
                     storeCellSettings.changeBorderStyle('0');