diff --git a/src/components/ui/otherButton.module.css b/src/components/ui/otherButton.module.css
index f55160c..5b520f5 100644
--- a/src/components/ui/otherButton.module.css
+++ b/src/components/ui/otherButton.module.css
@@ -36,7 +36,8 @@
   border-radius: 10px;
 }
 
-.dropdownButton {
+.dropdownLink {
+  display: block;
   width: 100%;
   color: black;
   background-color: #cccccc;
@@ -52,7 +53,7 @@
   padding-right: 2em;
 }
 
-.dropdownButton:hover {
+.dropdownLink:hover {
   color: black;
   background-color: #e6e6e6;
 }
diff --git a/src/components/ui/otherButton.tsx b/src/components/ui/otherButton.tsx
index e920519..9dd13b6 100644
--- a/src/components/ui/otherButton.tsx
+++ b/src/components/ui/otherButton.tsx
@@ -36,14 +36,16 @@ const OtherButton = () => {
       {isOpen && (
         <div className={styles.dropdown}>
           {links.map((link, index) => (
-            <button
-              key={index}
-              onClick={() => window.open(link.url, "_blank")}
-              className={styles.dropdownButton}
+            <a
+              key={link.url}
+              href={link.url}
+              target="_blank"
+              rel="noopener noreferrer"
+              className={styles.dropdownLink}
               style={{ marginTop: index === 0 ? "8px" : "4px" }}
             >
               {link.label}
-            </button>
+            </a>
           ))}
         </div>
       )}