diff --git a/src/app/App.tsx b/src/app/App.tsx
index a72f9cf8..2e487138 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -14370,6 +14370,36 @@ export function App({ store, initialStatusMessage }: AppProps) {
                         </div>
                       </div>
 
+                      <div className="form-section">
+                        <div className="label">Sky Shape</div>
+                        <div className="vector-inputs vector-inputs--two">
+                          <label className="form-field">
+                            <span className="label">Horizon Height</span>
+                            <input
+                              className="text-input"
+                              type="number"
+                              min="-0.5"
+                              max="0.5"
+                              step="0.01"
+                              value={
+                                editorState.document.world.shaderSky
+                                  .horizonHeight
+                              }
+                              onChange={(event) =>
+                                applyShaderSkyNumericSetting(
+                                  "Set shader sky horizon height",
+                                  "Updated the shader sky horizon height.",
+                                  event.currentTarget.valueAsNumber,
+                                  (shaderSky, nextValue) => {
+                                    shaderSky.horizonHeight = nextValue;
+                                  }
+                                )
+                              }
+                            />
+                          </label>
+                        </div>
+                      </div>
+
                       <div className="form-section">
                         <div className="label">Celestial Discs</div>
                         <div className="vector-inputs vector-inputs--two">