diff --git a/.changeset/slow-trees-hunt.md b/.changeset/slow-trees-hunt.md
new file mode 100644
index 000000000..5b16e67f6
--- /dev/null
+++ b/.changeset/slow-trees-hunt.md
@@ -0,0 +1,5 @@
+---
+"@stackflow/plugin-basic-ui": minor
+---
+
+Expose interfaces to modify width of edge
diff --git a/extensions/plugin-basic-ui/src/basicUIPlugin.css.ts b/extensions/plugin-basic-ui/src/basicUIPlugin.css.ts
index d388aa384..7959a252d 100644
--- a/extensions/plugin-basic-ui/src/basicUIPlugin.css.ts
+++ b/extensions/plugin-basic-ui/src/basicUIPlugin.css.ts
@@ -43,6 +43,9 @@ const GLOBAL_VARS = {
     borderRadius: "modal-border-radius",
     maxWidth: "modal-max-width",
   },
+  edge: {
+    width: 'edge-width',
+  }
 };
 
 export const globalVars = createGlobalThemeContract(
@@ -88,6 +91,9 @@ const androidValues: GlobalVars = {
     borderRadius: "1rem",
     maxWidth: "100%",
   },
+  edge: {
+    width: "1.25rem",
+  }
 };
 
 const cupertinoValues: GlobalVars = {
diff --git a/extensions/plugin-basic-ui/src/basicUIPlugin.tsx b/extensions/plugin-basic-ui/src/basicUIPlugin.tsx
index fbc00aded..ea8c8f084 100644
--- a/extensions/plugin-basic-ui/src/basicUIPlugin.tsx
+++ b/extensions/plugin-basic-ui/src/basicUIPlugin.tsx
@@ -69,8 +69,7 @@ export const basicUIPlugin: (
               [css.globalVars.backgroundColor]: _options.backgroundColor,
               [css.globalVars.backgroundImage]: _options.backgroundImage,
               [css.globalVars.dimBackgroundColor]: _options.dimBackgroundColor,
-              [css.globalVars.transitionDuration]:
-                `${stack.transitionDuration}ms`,
+              [css.globalVars.transitionDuration]: `${stack.transitionDuration}ms`,
               [css.globalVars.computedTransitionDuration]:
                 stack.globalTransitionState === "loading"
                   ? `${stack.transitionDuration}ms`
@@ -91,7 +90,8 @@ export const basicUIPlugin: (
               [css.globalVars.appBar.lineHeight]: _options.appBar?.lineHeight,
               [css.globalVars.appBar.hitSlop]: _options.appBar?.hitSlop,
               [css.globalVars.appBar.itemGap]: _options.appBar?.itemGap,
-            }),
+              [css.globalVars.edge.width]: _options.edge?.width,
+            })
           )}
         >
           {stack.render()}
diff --git a/extensions/plugin-basic-ui/src/components/AppScreen.css.ts b/extensions/plugin-basic-ui/src/components/AppScreen.css.ts
index b51929aa0..c796bb788 100644
--- a/extensions/plugin-basic-ui/src/components/AppScreen.css.ts
+++ b/extensions/plugin-basic-ui/src/components/AppScreen.css.ts
@@ -195,7 +195,7 @@ export const edge = recipe({
     f.left0,
     f.fullHeight,
     {
-      width: "1.25rem",
+      width: globalVars.edge.width,
       zIndex: vars.zIndexes.edge,
     },
   ],