diff --git a/frontend/src/components/document/DocumentSidebar.tsx b/frontend/src/components/document/DocumentSidebar.tsx
index 42f49d6d..f5584cfa 100644
--- a/frontend/src/components/document/DocumentSidebar.tsx
+++ b/frontend/src/components/document/DocumentSidebar.tsx
@@ -451,51 +451,41 @@ export default function DocumentSidebar({
                         </p>
                       )}
 
-                      <p className="text-xs text-muted-foreground mt-1">
-                        {doc.summary || "📄 No summary available"}
-                      </p>
-                      <div className="flex items-center gap-2 mt-1">
-                        <span className="text-[10px] text-muted-foreground">
-                          {formatSize(doc.file_size)}
-                        </span>
-                        {doc.status === "ready" && (
-                          <>
-                            <span className="text-[10px] text-muted-foreground">
-                              •
-                            </span>
-                            <span className="text-[10px] text-muted-foreground">
-                              {t("documents.pagesShort", {
-                                count: doc.page_count,
-                              })}
-                            </span>
-                            <span className="text-[10px] text-muted-foreground">
-                              •
-                            </span>
-                            <span className="text-[10px] text-muted-foreground">
-                              {t("documents.chunks", {
-                                count: doc.chunk_count,
-                              })}
-                            </span>
-                          </>
-                        )}
-                        {doc.status === "processing" && (
-                          <Badge
-                            variant="secondary"
-                            className="text-[9px] h-4 px-1.5"
-                          >
-                            {t("documents.processing")}
-                          </Badge>
-                        )}
-                        {doc.status === "failed" && (
-                          <Badge
-                            variant="destructive"
-                            className="text-[9px] h-4 px-1.5"
-                          >
-                            {t("documents.failed")}
-                          </Badge>
-                        )}
-                      </div>
-                      <DocumentCard document={doc} />
+                    {doc.summary ? (
+                      <details className="text-xs text-muted-foreground mt-1">
+                        <summary className="cursor-pointer">AI Summary</summary>
+                        <p className="mt-1 leading-relaxed">{doc.summary}</p>
+                      </details>
+                    ) : (
+                      <p className="text-xs text-muted-foreground mt-1">📄 No summary available</p>
+                    )}
+                    <div className="flex items-center gap-2 mt-1">
+                      <span className="text-[10px] text-muted-foreground">
+                        {formatSize(doc.file_size)}
+                      </span>
+                      {doc.status === "ready" && (
+                        <>
+                          <span className="text-[10px] text-muted-foreground">•</span>
+                          <span className="text-[10px] text-muted-foreground">
+                            {t("documents.pagesShort", { count: doc.page_count })}
+                          </span>
+                          <span className="text-[10px] text-muted-foreground">•</span>
+                          <span className="text-[10px] text-muted-foreground">
+                            {t("documents.chunks", { count: doc.chunk_count })}
+                          </span>
+                        </>
+                      )}
+                      {doc.status === "processing" && (
+                        <Badge variant="secondary" className="text-[9px] h-4 px-1.5">
+                          {t("documents.processing")}
+                        </Badge>
+                      )}
+                      {doc.status === "failed" && (
+                        <Badge variant="destructive" className="text-[9px] h-4 px-1.5">
+                          {t("documents.failed")}
+                        </Badge>
+                      )}
+                    </div>
                     </div>
                     <div className="flex items-center gap-1 shrink-0">
                       {/* Action buttons (Settings and Delete) are only visible on hover and when the document is ready. The settings button is disabled if the document is not ready, and the delete button shows a loader when the document is being deleted. */}