diff --git a/css/panels.css b/css/panels.css
index ee9c6c63..06ed0c27 100644
--- a/css/panels.css
+++ b/css/panels.css
@@ -1218,6 +1218,10 @@
 	}
 
 /* Placeholders */
+	ul#placeholder_buttons {
+		max-height: 32%;
+		overflow: auto;
+	}
 	#placeholder_buttons li {
 		padding: 0px 8px;
 		height: 30px;
diff --git a/js/animations/animation_mode.js b/js/animations/animation_mode.js
index 1d1813a4..45989bf3 100644
--- a/js/animations/animation_mode.js
+++ b/js/animations/animation_mode.js
@@ -1470,8 +1470,8 @@ Interface.definePanels(function() {
 					<ul id="placeholder_buttons">
 						<li v-for="button in buttons" :key="button.id" :class="{placeholder_slider: button.type == 'slider'}" @click="button.type == 'impulse' && changeButtonValue(button, $event)" :buttontype="button.type">
 							<i v-if="button.type == 'impulse'" class="material-icons">play_arrow</i>
-							<input v-if="button.type == 'toggle'" type="checkbox" class="tab_target" :value="button.value == 1" @change="changeButtonValue(button, $event)" :id="'placeholder_button_'+button.id">
-							<numeric-input v-if="button.type == 'slider'" class="dark_bordered tab_target" :step="button.step" :min="button.min" :max="button.max" v-model="button.value" @input="changeButtonValue(button, $event)" />
+							<input v-if="button.type == 'toggle'" type="checkbox" :value="button.value == 1" @change="changeButtonValue(button, $event)" :id="'placeholder_button_'+button.id">
+							<numeric-input v-if="button.type == 'slider'" :step="button.step" :min="button.min" :max="button.max" v-model="button.value" @input="changeButtonValue(button, $event)" />
 							<label :for="'placeholder_button_'+button.id" @mousedown="slideButton(button, $event)" @touchstart="slideButton(button, $event)">{{ button.id }}</label>
 						</li>
 					</ul>