diff --git a/components/ReportCard.tsx b/components/ReportCard.tsx
index e6d68c7..3edb753 100644
--- a/components/ReportCard.tsx
+++ b/components/ReportCard.tsx
@@ -60,12 +60,14 @@ export default function (props: ReportCardProps) {
             <HStack
               pos="absolute"
               top="50%"
-              transform="translateY(-50%)"
+              transform="translate(5%, -50%)"
+              w="90%"
               zIndex="1"
             >
               <Button
                 borderRadius="50%"
                 h="16"
+                onClick={() => setAttachmentIdx(attachmentIdx - 1)}
                 visibility={attachmentIdx > 0 ? "visible" : "hidden"}
                 w="16"
               >
@@ -86,6 +88,7 @@ export default function (props: ReportCardProps) {
               <Button
                 borderRadius="50%"
                 h="16"
+                onClick={() => setAttachmentIdx(attachmentIdx + 1)}
                 visibility={
                   props.attachments.length > attachmentIdx + 1
                     ? "visible"