diff --git a/src/frontend/apps/impress/src/features/pads/pad/components/PadEditor.tsx b/src/frontend/apps/impress/src/features/pads/pad/components/PadEditor.tsx
index f69e1df9..23c79c7a 100644
--- a/src/frontend/apps/impress/src/features/pads/pad/components/PadEditor.tsx
+++ b/src/frontend/apps/impress/src/features/pads/pad/components/PadEditor.tsx
@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { Card, Text } from '@/components';
+import { Box, Card, Text } from '@/components';
+import { PadToolBox } from '@/features/pads/pad-tools';
 
-import { PadToolBox } from '../../pad-tools';
 import { Pad } from '../types';
 
 import { BlockNoteEditor } from './BlockNoteEditor';
@@ -14,16 +14,18 @@ interface PadEditorProps {
 export const PadEditor = ({ pad }: PadEditorProps) => {
   return (
     <>
-      <PadToolBox pad={pad} />
-      <Card
-        $margin={{ top: 'none', all: 'big' }}
-        $padding="big"
-        $css="flex:1;"
-        $overflow="auto"
+      <Box
+        $direction="row"
+        className="ml-b"
+        $align="center"
+        $justify="space-between"
       >
         <Text as="h2" $align="center">
           {pad.title}
         </Text>
+        <PadToolBox pad={pad} />
+      </Box>
+      <Card className="m-b p-b" $css="margin-top:0;flex:1;" $overflow="auto">
         <BlockNoteEditor pad={pad} />
       </Card>
     </>