diff --git a/frontend/src/components/PatternsDropdown.vue b/frontend/src/components/PatternsDropdown.vue
index 8dc1d19..c4d3567 100644
--- a/frontend/src/components/PatternsDropdown.vue
+++ b/frontend/src/components/PatternsDropdown.vue
@@ -1,5 +1,5 @@
 <template>
-	<b-dropdown no-flip text="Patterns" block variant="dark" class="col-sm-1 mr-0 p-0 patterns-dropdown">
+	<b-dropdown no-flip text="Patterns" variant="dark" class="patterns-dropdown">
 		<li role="presentation" style="padding-left: 0.5em; padding-right: 0.5em;">
 			<button role="menuitem" type="button" class="btn btn-sm btn-primary btn-block"
 					@click.stop.prevent="showAddPattern">
@@ -197,13 +197,29 @@
 		font-size: 100%;
 	}
 
+	.patterns-dropdown {
+		display: inline-flex;
+		width: 128px !important;
+		min-width: 128px !important;
+		max-width: 128px !important;
+		flex: 0 0 128px !important;
+		flex-shrink: 0 !important;
+		box-sizing: border-box;
+	}
+
 	.patterns-dropdown > .btn {
-		font-size: 10.5px;
-		letter-spacing: 0.15px;
-		min-width: 115px;
-		width: 115px;
-		max-width: 115px;
-		flex: 0 0 115px;
+		display: inline-flex;
+		justify-content: center;
+		align-items: center;
+		font-size: 9.8px;
+		letter-spacing: 0.05px;
+		min-width: 128px !important;
+		width: 128px !important;
+		max-width: 128px !important;
+		flex: 0 0 128px !important;
+		padding-left: 8px;
+		padding-right: 8px;
+		white-space: nowrap;
 	}
 </style>
 <style>