diff --git a/src/views/ContentPlanView.vue b/src/views/ContentPlanView.vue
index fe17fa4..fbb9659 100644
--- a/src/views/ContentPlanView.vue
+++ b/src/views/ContentPlanView.vue
@@ -519,7 +519,7 @@ onBeforeUnmount(() => {
         <header
             class="h-16 border-b border-white/5 flex items-center justify-between px-6 bg-slate-900/80 backdrop-blur z-20 shrink-0">
             <div class="flex items-center gap-4">
-                <h1 class="text-lg font-bold text-slate-200">📅 Content plan</h1>
+                <h1 class="text-lg font-bold text-slate-200 !m-0">📅 Content plan</h1>
             </div>
 
             <div class="flex items-center gap-3">
diff --git a/src/views/FlexibleGenerationView.vue b/src/views/FlexibleGenerationView.vue
index a4f3861..aa23496 100644
--- a/src/views/FlexibleGenerationView.vue
+++ b/src/views/FlexibleGenerationView.vue
@@ -823,9 +823,9 @@ const confirmAddToAlbum = async () => {
         <main class="flex-1 relative flex flex-col h-full overflow-hidden">
             <header
                 class="p-2 px-4 flex justify-between items-center z-10 border-b border-white/5 bg-slate-900/80 backdrop-blur-sm">
-                <div class="flex items-center gap-2">
+                <div class="flex  flex-row !items-center !justify-items-center !justify-center gap-2">
                     <h1
-                        class="text-base font-bold bg-gradient-to-r from-white to-slate-400 bg-clip-text text-transparent m-0">
+                        class="text-base font-bold bg-gradient-to-r from-white to-slate-400 bg-clip-text text-transparent !m-0">
                         Gallery</h1>
 
                     <span class="text-[10px] text-slate-500 border-l border-white/10 pl-2">History</span>
@@ -833,27 +833,29 @@ const confirmAddToAlbum = async () => {
                 <div class="flex items-center gap-1.5">
                     <Dropdown v-model="filterCharacter" :options="characters" optionLabel="name"
                         placeholder="All Characters" showClear
-                        class="!w-40 !bg-slate-800/60 !border-white/10 !text-white !rounded-lg !text-[16px]" :pt="{
+                        class="!w-40 !bg-slate-800/60 !border-white/10 !text-white !rounded-lg !text-[8px]" :pt="{
                             root: { class: '!bg-slate-800/60 !h-7' },
-                            input: { class: '!text-white !text-[16px] !py-0.5 !px-2' },
+                            input: { class: '!text-white !text-[8px] !py-0.5 !px-2' },
                             trigger: { class: '!text-slate-400 !w-5' },
                             panel: { class: '!bg-slate-800 !border-white/10' },
-                            item: { class: '!text-slate-300 hover:!bg-white/10 hover:!text-white !text-[16px] !py-1' },
+                            item: { class: '!text-slate-300 hover:!bg-white/10 hover:!text-white !text-[8px] !py-1' },
                             clearIcon: { class: '!text-slate-400 hover:!text-white !text-[8px]' }
                         }">
                         <template #value="slotProps">
+                            <div class="flex flex-row">
                             <div v-if="slotProps.value" class="flex items-center gap-1">
                                 <img v-if="slotProps.value.avatar_image" :src="API_URL + slotProps.value.avatar_image"
                                     class="w-4 h-4 rounded-full object-cover" />
-                                <span class="text-[16px]">{{ slotProps.value.name }}</span>
+                                <span class="text-[12px] ">{{ slotProps.value.name }}</span>
+                            </div>
+                            <span v-else class="text-slate-400 text-[12px] items-center">{{ slotProps.placeholder }}</span>
                             </div>
-                            <span v-else class="text-[16px] text-slate-400">{{ slotProps.placeholder }}</span>
                         </template>
                         <template #option="slotProps">
                             <div class="flex items-center gap-1.5">
                                 <img v-if="slotProps.option.avatar_image" :src="API_URL + slotProps.option.avatar_image"
                                     class="w-5 h-5 rounded-full object-cover" />
-                                <span class="text-[16px]">{{ slotProps.option.name }}</span>
+                                <span class="">{{ slotProps.option.name }}</span>
                             </div>
                         </template>
                     </Dropdown>
diff --git a/src/views/IdeasView.vue b/src/views/IdeasView.vue
index 8c2211d..e1ce913 100644
--- a/src/views/IdeasView.vue
+++ b/src/views/IdeasView.vue
@@ -326,10 +326,9 @@ const handleAssetPickerUpload = async (event) => {
         <!-- Content Area (Scrollable) -->
         <div class="flex-1 overflow-y-auto p-4 md:p-6 pb-48 custom-scrollbar">
             <!-- Top Bar -->
-            <header class="flex justify-between items-center mb-3 border-b border-white/5 pb-2">
-                <div>
-                    <h1
-                        class="text-lg font-bold m-0 bg-gradient-to-r from-violet-400 to-fuchsia-400 bg-clip-text text-transparent">
+            <header class="flex  justify-between items-center gap-0 mb-3 border-b border-white/5 pb-2">
+                <div class="flex flex-row items-center  justify-between gap-2">
+                    <h1 class="text-lg font-bold !m-0 bg-gradient-to-r from-violet-400 to-fuchsia-400 bg-clip-text text-transparent">
                         Ideas</h1>
                     <p class="mt-0.5 mb-0 text-[10px] text-slate-500">Your creative sessions</p>
                 </div>