diff --git a/includes/templates/skin.mustache b/includes/templates/skin.mustache
index a3e5b50ec..9f27ebe50 100644
--- a/includes/templates/skin.mustache
+++ b/includes/templates/skin.mustache
@@ -83,6 +83,8 @@
 	{{>StickyHeader}}
 </div>
 {{/data-vector-sticky-header}}
-<div class="vector-settings">
-	{{#data-vector-settings-button}}{{>Button}}{{/data-vector-settings-button}}
+<div class="vector-settings" id="p-dock-bottom">
+	<ul>
+		<li>{{#data-vector-settings-button}}{{>Button}}{{/data-vector-settings-button}}</li>
+	</ul>
 </div>
diff --git a/resources/skins.vector.styles/components/LimitedWidthToggle.less b/resources/skins.vector.styles/components/BottomDock.less
similarity index 85%
rename from resources/skins.vector.styles/components/LimitedWidthToggle.less
rename to resources/skins.vector.styles/components/BottomDock.less
index 7977ba337..1b53bb4f4 100644
--- a/resources/skins.vector.styles/components/LimitedWidthToggle.less
+++ b/resources/skins.vector.styles/components/BottomDock.less
@@ -8,6 +8,15 @@
 	position: fixed;
 	bottom: 8px;
 	right: 8px;
+
+	ul {
+		padding: 0;
+		list-style: none;
+		display: flex;
+		flex-direction: column-reverse;
+		align-items: center;
+		column-gap: 8px;
+	}
 }
 
 /**
diff --git a/resources/skins.vector.styles/skin.less b/resources/skins.vector.styles/skin.less
index 0ad7b1658..88afcd7cf 100644
--- a/resources/skins.vector.styles/skin.less
+++ b/resources/skins.vector.styles/skin.less
@@ -41,7 +41,7 @@
 	@import './components/PopupNotification.less';
 	@import './components/SearchBox.less';
 	@import './components/Watchstar.less';
-	@import './components/LimitedWidthToggle.less';
+	@import './components/BottomDock.less';
 }
 
 @media all {