From 62fbab4f78118ff3cd8a9a274236c12da1490935 Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Tue, 26 Dec 2023 20:23:28 +0800
Subject: [PATCH] fix(core): avatars are not aligned (#5404)

---
 .../core/src/components/pure/file-upload/index.tsx    | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/packages/frontend/core/src/components/pure/file-upload/index.tsx b/packages/frontend/core/src/components/pure/file-upload/index.tsx
index 8d09b530a5..c0b25d8aa0 100644
--- a/packages/frontend/core/src/components/pure/file-upload/index.tsx
+++ b/packages/frontend/core/src/components/pure/file-upload/index.tsx
@@ -1,4 +1,3 @@
-import { styled } from '@affine/component';
 import { Button } from '@affine/component/ui/button';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import type { ChangeEvent, PropsWithChildren } from 'react';
@@ -42,7 +41,7 @@ export const Upload = ({
   }
 
   return (
-    <UploadStyle onClick={_chooseFile}>
+    <div style={{ display: 'flex' }} onClick={_chooseFile}>
       {children ?? <Button>{t['Upload']()}</Button>}
       <input
         ref={input_ref}
@@ -52,12 +51,6 @@ export const Upload = ({
         accept={accept}
         {...props}
       />
-    </UploadStyle>
+    </div>
   );
 };
-
-const UploadStyle = styled('div')(() => {
-  return {
-    display: 'inline-block',
-  };
-});