diff --git a/playground/app/app.vue b/playground/app/app.vue
index 83f3438..a4d8f69 100644
--- a/playground/app/app.vue
+++ b/playground/app/app.vue
@@ -21,9 +21,9 @@
 <template>
     <header
         flex="~ items-center justify-between"
+        max-w="screen-lg"
         m="x-auto y-4"
         p="x-4"
-        max-w="screen-lg"
     >
         <hgroup flex="~ gap-2 items-center">
             <h1 font="bold" text="5">Plain Shiki Playground</h1>
@@ -43,9 +43,9 @@
         </nav>
     </header>
     <main
+        max-w="screen-lg"
         m="x-auto"
         p="x-4"
-        max-w="screen-lg"
     >
         <div b="1 solid gray op-40 rounded-md">
             <div
diff --git a/playground/app/components/plain-button.vue b/playground/app/components/plain-button.vue
index 9005b50..919d030 100644
--- a/playground/app/components/plain-button.vue
+++ b/playground/app/components/plain-button.vue
@@ -28,6 +28,6 @@
 
 <style scoped>
     .is-checked {
-        --uno: outline-primary outline outline-2 outline-offset--1;
+        --uno: outline outline-2 outline-primary outline-offset--1;
     }
 </style>
\ No newline at end of file
diff --git a/playground/app/components/plain-select.vue b/playground/app/components/plain-select.vue
index a4669be..41a9697 100644
--- a/playground/app/components/plain-select.vue
+++ b/playground/app/components/plain-select.vue
@@ -9,8 +9,8 @@
     <select-root v-model="modelValue">
         <select-trigger
             flex="inline items-center gap-1.5"
-            h="8"
             w="45"
+            h="8"
             outline="none"
             bg="inherit"
             font="mono"
@@ -62,6 +62,6 @@
     }
 
     .select-item[data-highlighted] {
-        --uno: outline-none text-primary bg-gray bg-op-30;
+        --uno: outline-none bg-gray bg-op-30 text-primary;
     }
 </style>
\ No newline at end of file