diff --git a/README.md b/README.md
index 072ac281..543cc974 100644
--- a/README.md
+++ b/README.md
@@ -183,7 +183,7 @@ See the [fully expanded menu configuration example](#config-expanded-menu) for h
 | Option | Default | Overridable | Description |
 | - | - | - | - |
 | `style` | `hidden` | :white_check_mark: | The menu style to show by default, one of `none`, `hidden`, `hover`, `overlay`, or `outside`. See [menu styles](#menu-styles) below.|
-| `position` | `top` | :white_check_mark: | Whether to show the menu on the `left`, `right`, `top` or `bottom` side of the card.|
+| `position` | `top` | :white_check_mark: | Whether to show the menu on the `left`, `right`, `top` or `bottom` side of the card. Note that for the `outside` style only the `top` and `bottom` positions have an effect.|
 | `alignment` | `left` | :white_check_mark: | Whether to align the menu buttons to the `left`, `right`, `top` or `bottom` of the menu. Some selections may have no effect depending on the value of `position` (e.g. it doesn't make sense to `left` align icons on a menu with `position` to the `left`).|
 | `button_size` | 40 | :white_check_mark: | The size of the menu buttons in pixels. Must be >= `20`.|
 | `buttons` | | :white_check_mark: | Whether to show or hide built-in buttons. See below. |
diff --git a/src/scss/menu.scss b/src/scss/menu.scss
index 71523f92..17ab7da1 100644
--- a/src/scss/menu.scss
+++ b/src/scss/menu.scss
@@ -117,12 +117,12 @@ div.opposing {
 
 :host(:not([data-style='outside'])[data-position='left'][data-alignment='bottom']),
 :host(:not([data-style='outside'])[data-position='right'][data-alignment='bottom']),
-:host(:not([data-style='outside'])[data-position='top'][data-alignment='right']),
-:host(:not([data-style='outside'])[data-position='bottom'][data-alignment='right']),
+:host([data-position='top'][data-alignment='right']),
+:host([data-position='bottom'][data-alignment='right']),
 :host(:not([data-style='outside'])[data-position='left'][data-alignment='bottom']) div,
 :host(:not([data-style='outside'])[data-position='right'][data-alignment='bottom']) div,
-:host(:not([data-style='outside'])[data-position='top'][data-alignment='right']) div,
-:host(:not([data-style='outside'])[data-position='bottom'][data-alignment='right']) div {
+:host([data-position='top'][data-alignment='right']) div,
+:host([data-position='bottom'][data-alignment='right']) div {
   flex-direction: row-reverse;
 }