diff --git a/app/components/Controls.vue b/app/components/Controls.vue
index d831524..d54a424 100644
--- a/app/components/Controls.vue
+++ b/app/components/Controls.vue
@@ -16,7 +16,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="fixed bottom-4 right-4 flex flex-col items-center">
+  <div class="fixed bottom-4 right-4 flex flex-row items-center">
     <UPopover
       v-model:open="open"
       :content="{ side: 'top', align: 'center' }"