diff --git a/src/module/document/ui/navbar_document_division.tsx b/src/module/document/ui/navbar_document_division.tsx
index c464d9d..1cbdeac 100644
--- a/src/module/document/ui/navbar_document_division.tsx
+++ b/src/module/document/ui/navbar_document_division.tsx
@@ -345,24 +345,25 @@ export default function NavbarDocumentDivision() {
           >
             <Flex justify={"center"} align={"center"} h={"100%"} w={"100%"}>
               <SimpleGrid cols={{ base: 5, sm: 5, lg: 5 }} spacing="xs">
-                <Flex
-                  justify={"center"}
-                  align={"center"}
-                  direction={"column"}
-                  onClick={() => {
-                    if (selectedFiles.length > 0 && copyAllowed) {
-                      onDownload("selected");
-                    }
-                  }}
-                >
-                  <BsDownload
-                    size={20}
-                    color={
-                      selectedFiles.length > 0 && copyAllowed
-                        ? "white"
-                        : "#656060"
-                    }
-                  />
+                <Flex justify={"center"} align={"center"} direction={"column"} >
+                  <ActionIcon
+                    variant="subtle"
+                    aria-label="delete"
+                    onClick={() => {
+                      if (selectedFiles.length > 0 && copyAllowed) {
+                        onDownload("selected");
+                      }
+                    }}
+                  >
+                    <BsDownload
+                      size={20}
+                      color={
+                        selectedFiles.length > 0 && copyAllowed
+                          ? "white"
+                          : "#656060"
+                      }
+                    />
+                  </ActionIcon>
                   <Text
                     fz={12}
                     ta={"center"}