diff --git a/src/components/Library.tsx b/src/components/Library.tsx
index e36cc63..dfb42c5 100644
--- a/src/components/Library.tsx
+++ b/src/components/Library.tsx
@@ -19,11 +19,7 @@ export function Library({ onOpen }: { onOpen: (book: Book) => void }) {
 
   return (
     <div className="library">
-      <header className="library-head">
-        <span className="logo" aria-hidden="true" />
-        <span className="mark">margin</span>
-        <span className="dot" />
-      </header>
+      <header className="library-head" data-tauri-drag-region />
       <div className="shelf">
         <button className="card card-action" onClick={() => onOpen(newBook())}>
           <Icon d="M12 5v14M5 12h14" size={20} />
diff --git a/src/styles/app.css b/src/styles/app.css
index 13810a5..34d2c8f 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -818,33 +818,7 @@ button {
 }
 
 .library-head {
-  display: flex;
-  align-items: center;
-  gap: 11px;
-  padding: 30px 44px 8px;
-}
-
-.library-head .logo {
-  width: 30px;
-  height: 30px;
-  background-color: var(--ink);
-  -webkit-mask: url("/margin-mark.png") center / contain no-repeat;
-  mask: url("/margin-mark.png") center / contain no-repeat;
-}
-
-.library-head .mark {
-  font-family: var(--font-book);
-  font-size: 23px;
-  font-weight: 500;
-  letter-spacing: -0.01em;
-  margin-left: -3px;
-}
-
-.library-head .dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: var(--accent);
+  height: 44px;
 }
 
 .shelf {