diff --git a/README.md b/README.md
index 775f9b57..11061490 100644
--- a/README.md
+++ b/README.md
@@ -229,28 +229,29 @@ Some common style changes can be made by setting CSS variables.
 
 These include:
 
-| Name                  | Default                     | Description                    |
-| :-------------------- | :-------------------------- | :----------------------------- |
-| `--focus-border`      | `#007fd4`                   | Color of the sash when hovered |
-| ` --separator-border` | `rgba(128, 128, 128, 0.35)` | Color of the separator         |
+| Name                 | Default                     | Description                    |
+| :------------------- | :-------------------------- | :----------------------------- |
+| `--focus-border`     | `#007fd4`                   | Color of the sash when hovered |
+| `--separator-border` | `rgba(128, 128, 128, 0.35)` | Color of the separator         |
 
 For more involved styling you can target the component's child elements.
 
-| Class                      | Description                                                    |
-| :------------------------- | :------------------------------------------------------------- |
-| `.split-view`              | Styles applied to the top-level container                      |
-| `.split-view-horizontal`   | Styles applied to the top-level container if `vertical={false} |
-| `.split-view-vertical`     | Styles applied to the top-level container if `vertical={true}  |
-| `.sash-container`          | Styles applied to the sash container                           |
-| `.sash`                    | Styles applied to the sash                                     |
-| `.sash-active`             | Styles applied to the sash if being dragged                    |
-| `.sash-disabled`           | Styles applied to the sash if disabled                         |
-| `.sash-horizontal`         | Styles applied to the sash if vertical={false}`                |
-| `.sash-hover`              | Styles applied to the sash if being hovered over               |
-| `.sash-mac`                | Styles applied to the sash if running under macos              |
-| `.sash-maximum`            | Styles applied to the sash if the pane is maximised            |
-| `.sash-minimum`            | Styles applied to the sash if the pane is minimised            |
-| `.sash-vertical`           | Styles applied to the sash if vertical={true}`                 |
-| `.split-view-container`    | Styles applied to the split view container                     |
-| `.split-view-view`         | Styles applied to the split view view                          |
-| `.split-view-view-visible` | Styles applied to the split view view if `visible={true}`      |
+| Class                          | Description                                                    |
+| :----------------------------- | :------------------------------------------------------------- |
+| `.split-view`                  | Styles applied to the top-level container                      |
+| `.split-view-horizontal`       | Styles applied to the top-level container if `vertical={false} |
+| `.split-view-vertical`         | Styles applied to the top-level container if `vertical={true}  |
+| `.split-view-separator-border` | Styles applied to the top-level container if `separator={true} |
+| `.sash-container`              | Styles applied to the sash container                           |
+| `.sash`                        | Styles applied to the sash                                     |
+| `.sash-active`                 | Styles applied to the sash if being dragged                    |
+| `.sash-disabled`               | Styles applied to the sash if disabled                         |
+| `.sash-horizontal`             | Styles applied to the sash if vertical={false}`                |
+| `.sash-hover`                  | Styles applied to the sash if being hovered over               |
+| `.sash-mac`                    | Styles applied to the sash if running under macos              |
+| `.sash-maximum`                | Styles applied to the sash if the pane is maximised            |
+| `.sash-minimum`                | Styles applied to the sash if the pane is minimised            |
+| `.sash-vertical`               | Styles applied to the sash if vertical={true}`                 |
+| `.split-view-container`        | Styles applied to the split view container                     |
+| `.split-view-view`             | Styles applied to the split view view                          |
+| `.split-view-view-visible`     | Styles applied to the split view view if `visible={true}`      |
diff --git a/src/allotment.tsx b/src/allotment.tsx
index a2f761a7..0e278da9 100644
--- a/src/allotment.tsx
+++ b/src/allotment.tsx
@@ -463,6 +463,7 @@ const Allotment = forwardRef<AllotmentHandle, AllotmentProps>(
         className={classNames(
           "split-view",
           vertical ? "split-view-vertical" : "split-view-horizontal",
+          { "split-view-separator-border": separator },
           styles.splitView,
           vertical ? styles.vertical : styles.horizontal,
           { [styles.separatorBorder]: separator },
diff --git a/website/docs/styling.md b/website/docs/styling.md
index 39737919..ff700561 100644
--- a/website/docs/styling.md
+++ b/website/docs/styling.md
@@ -9,28 +9,24 @@ Some common style changes can be made by setting CSS variables.
 
 These include:
 
-| Name                  | Default                     | Description                    |
-| :-------------------- | :-------------------------- | :----------------------------- |
-| `--focus-border`      | `#007fd4`                   | Color of the sash when hovered |
-| ` --separator-border` | `rgba(128, 128, 128, 0.35)` | Color of the separator         |
+| Name                 | Default                     | Description                    |
+| :------------------- | :-------------------------- | :----------------------------- |
+| `--focus-border`     | `#007fd4`                   | Color of the sash when hovered |
+| `--separator-border` | `rgba(128, 128, 128, 0.35)` | Color of the separator         |
 
 For more involved styling you can target the component's child elements.
 
-| Class                      | Description                                                    |
-| :------------------------- | :------------------------------------------------------------- |
-| `.split-view`              | Styles applied to the top-level container                      |
-| `.split-view-horizontal`   | Styles applied to the top-level container if `vertical={false} |
-| `.split-view-vertical`     | Styles applied to the top-level container if `vertical={true}  |
-| `.sash-container`          | Styles applied to the sash container                           |
-| `.sash`                    | Styles applied to the sash                                     |
-| `.sash-active`             | Styles applied to the sash if being dragged                    |
-| `.sash-disabled`           | Styles applied to the sash if disabled                         |
-| `.sash-horizontal`         | Styles applied to the sash if vertical={false}`                |
-| `.sash-hover`              | Styles applied to the sash if being hovered over               |
-| `.sash-mac`                | Styles applied to the sash if running under macos              |
-| `.sash-maximum`            | Styles applied to the sash if the pane is maximised            |
-| `.sash-minimum`            | Styles applied to the sash if the pane is minimised            |
-| `.sash-vertical`           | Styles applied to the sash if vertical={true}`                 |
-| `.split-view-container`    | Styles applied to the split view container                     |
-| `.split-view-view`         | Styles applied to the split view view                          |
-| `.split-view-view-visible` | Styles applied to the split view view if `visible={true}`      |
+| Class                          | Description                                                    |
+| :----------------------------- | :------------------------------------------------------------- | --- | ------------- | ------------------------------------------------ | --- | ----------- | ------------------------------------------------- | --- | --------------- | --------------------------------------------------- | --- | --------------- | --------------------------------------------------- | --- | ---------------- | ---------------------------------------------- |
+| `.split-view`                  | Styles applied to the top-level container                      |
+| `.split-view-horizontal`       | Styles applied to the top-level container if `vertical={false} |
+| `.split-view-vertical`         | Styles applied to the top-level container if `vertical={true}  |
+| `.split-view-separator-border` | Styles applied to the top-level container if `separator={true} |
+| `.sash-container`              | Styles applied to the sash container                           |
+| `.sash`                        | Styles applied to the sash                                     |
+| `.sash-active`                 | Styles applied to the sash if being dragged                    |
+| `.sash-disabled`               | Styles applied to the sash if disabled                         |
+| `.sash-horizontal`             | Styles applied to the sash if vertical={false}`                |     | `.sash-hover` | Styles applied to the sash if being hovered over |     | `.sash-mac` | Styles applied to the sash if running under macos |     | `.sash-maximum` | Styles applied to the sash if the pane is maximised |     | `.sash-minimum` | Styles applied to the sash if the pane is minimised |     | `.sash-vertical` | Styles applied to the sash if vertical={true}` |
+| `.split-view-container`        | Styles applied to the split view container                     |
+| `.split-view-view`             | Styles applied to the split view view                          |
+| `.split-view-view-visible`     | Styles applied to the split view view if `visible={true}`      |