diff --git a/ivette/src/dome/renderer/layout/qsplit.tsx b/ivette/src/dome/renderer/layout/qsplit.tsx
index c8e4a9f434a1d42e652f6bc21af7aa76d6508bc8..6577bbdb8e282e00e9c562665ef14428081ddb53 100644
--- a/ivette/src/dome/renderer/layout/qsplit.tsx
+++ b/ivette/src/dome/renderer/layout/qsplit.tsx
@@ -166,8 +166,12 @@ const DISPLAY = (
 
 interface QSplitEngineProps extends QSplitProps { size: Size }
 
+const inRange = (P: number, D: number) => Math.max(0, Math.min(P, D));
+
+const getRatio = (P: number, D: number) => inRange(P, D) / D;
+
 const getPosition = (d: Dragging, D: number, R: number) =>
-  d ? getDragPosition(d) : Math.round(D * R);
+  d ? inRange(getDragPosition(d), D) : Math.round(D * R);
 
 function QSplitEngine(props: QSplitEngineProps) {
   const [dragX, setDragX] = React.useState<Dragging>();
@@ -178,10 +182,10 @@ function QSplitEngine(props: QSplitEngineProps) {
   const { A, B, C, D, H = 0.5, V = 0.5, size, setPosition } = props;
   const { width, height } = size;
   const setX = React.useCallback((X: number) => {
-    if (setPosition) setPosition(X / width, V);
+    if (setPosition) setPosition(getRatio(X, width), V);
   }, [setPosition, width, V]);
   const setY = React.useCallback((Y: number) => {
-    if (setPosition) setPosition(H, Y / height);
+    if (setPosition) setPosition(H, getRatio(Y, height));
   }, [setPosition, height, H]);
   const resetX = React.useCallback(() => {
     if (setPosition) setPosition(0.5, V);
@@ -327,7 +331,7 @@ export interface QPaneProps {
 
 export function QPane(props: QPaneProps) {
   const layout = React.useContext(QSplitContext);
-  const QPANE = Utils.classes('dome-xQPane', props.className);
+  const QPANE = Utils.classes('dome-xSplitter-pane', props.className);
   const QSTYLE = Utils.styles(props.style, layout?.get(props.id) ?? NODISPLAY);
   return <div className={QPANE} style={QSTYLE}>{props.children}</div>;
 }
diff --git a/ivette/src/dome/renderer/layout/style.css b/ivette/src/dome/renderer/layout/style.css
index 01fade1463e7ca3f948591f35ef512b639a4e73b..aa5b34cf3a82efec9f0d032be3a0ba4b1b141769 100644
--- a/ivette/src/dome/renderer/layout/style.css
+++ b/ivette/src/dome/renderer/layout/style.css
@@ -191,7 +191,7 @@
     background: var(--splitter) ;
 }
 
-.dome-xQPane
+.dome-xSplitter-pane
 {
     position: absolute;
     overflow: hidden;