diff --git a/src/modules/activities/views/ActivitiesPage.vue b/src/modules/activities/views/ActivitiesPage.vue
index f5f41ca..77e3bbe 100644
--- a/src/modules/activities/views/ActivitiesPage.vue
+++ b/src/modules/activities/views/ActivitiesPage.vue
@@ -60,24 +60,21 @@ function handleRefresh() {
 <template>
   <div class="container mx-auto py-6 px-4">
     <!-- Page header -->
-    <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4 mb-6">
-      <div class="space-y-1">
-        <h1 class="text-2xl sm:text-3xl font-bold text-foreground">
-          {{ t('activities.title') }}
-        </h1>
-      </div>
-      <div class="flex gap-2 sm:flex-shrink-0">
+    <div class="flex items-center justify-between mb-4">
+      <h1 class="text-2xl sm:text-3xl font-bold text-foreground">
+        {{ t('activities.title') }}
+      </h1>
+      <div class="flex items-center gap-2">
         <Button
           v-if="isAuthenticated"
           size="sm"
           @click="showCreateDialog = true"
         >
           <Plus class="w-4 h-4 mr-1.5" />
-          {{ t('activities.createNew') }}
+          <span class="hidden sm:inline">{{ t('activities.createNew') }}</span>
         </Button>
-        <Button variant="outline" size="sm" @click="handleRefresh" :disabled="isLoading">
-          <RefreshCw class="w-4 h-4 mr-1.5" :class="{ 'animate-spin': isLoading }" />
-          Refresh
+        <Button variant="ghost" size="icon" class="h-8 w-8" @click="handleRefresh" :disabled="isLoading">
+          <RefreshCw class="w-4 h-4" :class="{ 'animate-spin': isLoading }" />
         </Button>
       </div>
     </div>