diff --git a/frontend/src/components/note/notes_grid.tsx b/frontend/src/components/note/notes_grid.tsx
index 452192d..3ea5f8e 100644
--- a/frontend/src/components/note/notes_grid.tsx
+++ b/frontend/src/components/note/notes_grid.tsx
@@ -92,7 +92,7 @@ function NormalNote(props: NormalNoteProps) {
     return (
         <Command.Item asChild value={note.get("title")}>
             <Link to="/app/note/$id" params={{ id: note.get("id") }} className="bg-card shadow rounded overflow-hidden flex flex-row">
-                <div className="w-1 h-full" style={{ backgroundColor: color.base }} />
+                <div className="flex-shrink-0 w-1 h-full" style={{ backgroundColor: color.base }} />
                 <div className="flex flex-col gap-2 px-4 py-2 justify-center">
                     <div className="flex flex-row gap-2 items-center">
                         {icon && <Icon path={icon.path} size={1.5} color={color.base} />}