2 files changed, 4 insertions, 4 deletions
diff --git a/src/layouts/base.layout.vue b/src/layouts/base.layout.vue
index 631f547..dff1535 100644
--- a/src/layouts/base.layout.vue
+++ b/src/layouts/base.layout.vue
@@ -43,9 +43,9 @@ const tools = computed<ToolCategory[]>(() => [
       </router-link>
 
       <div class="sider-content">
-        <n-space v-if="styleStore.isSmallScreen" justify="center">
+        <div v-if="styleStore.isSmallScreen" flex justify-center>
           <navbar-buttons />
-        </n-space>
+        </div>
 
         <collapsible-tool-menu :tools-by-category="tools" />
 
diff --git a/src/layouts/tool.layout.vue b/src/layouts/tool.layout.vue
index 6cccbb0..ae385d0 100644
--- a/src/layouts/tool.layout.vue
+++ b/src/layouts/tool.layout.vue
@@ -29,7 +29,7 @@ useHead(head);
   <base-layout>
     <div class="tool-layout">
       <div class="tool-header">
-        <n-space align="center" justify="space-between" :wrap="false">
+        <div flex flex-nowrap items-center justify-between>
           <n-h1>
             {{ route.meta.name }}
           </n-h1>
@@ -37,7 +37,7 @@ useHead(head);
           <div>
             <favorite-button :tool="{name: route.meta.name} as Tool" />
           </div>
-        </n-space>
+        </div>
 
         <div class="separator" />