diff --git a/frontend/src/settings/Documents.tsx b/frontend/src/settings/Documents.tsx
index 697903ad..2b29ef08 100644
--- a/frontend/src/settings/Documents.tsx
+++ b/frontend/src/settings/Documents.tsx
@@ -651,7 +651,7 @@ function DocumentChunks({
           />
         </div>
         <button
-          className="rounded-full w-full sm:w-40 bg-purple-30 px-4 py-3 text-white hover:bg-[#6F3FD1]"
+          className="rounded-full w-[108px] h-[32px] text-sm bg-purple-30 text-white hover:bg-violets-are-blue flex items-center justify-center"
           title={t('settings.documents.addNew')}
           onClick={() => setAddModal('ACTIVE')}
         >