diff --git a/bo/src/assets/main.css b/bo/src/assets/main.css
index c657abf..3e1c5a6 100644
--- a/bo/src/assets/main.css
+++ b/bo/src/assets/main.css
@@ -16,7 +16,6 @@ body {
 @theme {
   --main-light: #FFFEFB;
   --second-light: #F8FAFC;
-
   --main-dark: #1A1A1A;
   --black: #1A1A1A;
 
@@ -42,11 +41,11 @@ body {
   --ui-border-accented: var(--border-light);
   --ui-border: var(--border-light);
   --ui-color-neutral-700: var(--black);
+  --ui-primary: var(--accent-blue-light)
 }
 
 .dark {
   --ui-bg: var(--black);
-  --ui-primary: var(--color-gray-500);
   --ui-secondary: var(--accent-green-dark);
   --ui-border-accented: var(--border-dark);
   --ui-text-dimmed: var(--gray-dark);
@@ -56,6 +55,7 @@ body {
   --border: var(--border-dark);
   --tw-border-style: var(--border-dark);
   --ui-text-inverted: #fff;
+  --ui-primary: var(--accent-blue-dark)
 }
 
 .label-form {
diff --git a/bo/src/components/admin/ProductDetailView.vue b/bo/src/components/admin/ProductDetailView.vue
index 011892c..52d71d0 100644
--- a/bo/src/components/admin/ProductDetailView.vue
+++ b/bo/src/components/admin/ProductDetailView.vue
@@ -123,8 +123,9 @@
           </div>
         </div>
 
-        <UTabs :items="items" v-model="activeTab" color="info" :content="true" :ui="{
-          list: 'w-auto!'
+        <UTabs :items="items" color="info" default-value="0" :ui="{
+          list: 'w-auto!',
+          root: 'items-start!'
         }">
           <template #description>
             <div v-if="!isTranslations" class="flex justify-end items-center gap-3 mb-4">
@@ -158,8 +159,8 @@
               <div class="flex justify-end items-center gap-3 mb-4">
                 <UButton v-if="!isEditing" @click="enableEdit"
                   class="flex items-center gap-2 m-2 cursor-pointer bg-(--accent-blue-light)! dark:bg-(--accent-blue-dark)!">
-                  <p class="text-white">Change Text</p>
-                  <UIcon name="material-symbols-light:stylus-note-sharp" class="text-[30px] text-white!" />
+                  <p class="text-(--text-sky-light) dark:text-(--text-sky-dark)">Change Text</p>
+                  <UIcon name="material-symbols-light:stylus-note-sharp" class="text-[30px] text-(--text-sky-light) dark:text-(--text-sky-dark)" />
                 </UButton>
 
                 <UButton v-if="isEditing" @click="saveText" color="neutral" variant="outline"
@@ -361,7 +362,7 @@ const toLangId = ref<number>(settingStore.shopDefaultLanguage)
 const productID = ref<number>(0)
 const translating = ref(false)
 
-const activeTab = ref('description')
+const activeTab = ref('')
 const isEditing = ref(false)
 
 const translateToSelectedLanguage = async () => {