diff --git a/apps/web/pages/500.jsx b/apps/web/pages/500.jsx
index 984b94ad6..e7e0cd74f 100644
--- a/apps/web/pages/500.jsx
+++ b/apps/web/pages/500.jsx
@@ -14,12 +14,9 @@ export default function Custom500() {
         <div className="px-6 py-48 mx-auto text-center max-w-7xl sm:py-40 lg:px-8">
           <h1 className="inline text-3xl font-bold tracking-tight sm:text-5xl">
             500
-            <span className="px-3 font-thin">
-           |
-            </span>
+            <span className="px-3 font-thin">|</span>
           </h1>
           <p className="inline text-base font-semibold leading-8 sm:text-2xl">
-            
             Something went wrong.
           </p>
           <div className="flex justify-center mt-10">
diff --git a/packages/ui/components/button/Button.tsx b/packages/ui/components/button/Button.tsx
index aaa02c505..d695049e3 100644
--- a/packages/ui/components/button/Button.tsx
+++ b/packages/ui/components/button/Button.tsx
@@ -3,14 +3,13 @@ import Link from "next/link";
 import React from "react";
 
 export function Button(props: any) {
-  const isLink = typeof props.href !== "undefined";
+  const isLink = typeof props.href !== "undefined" && !props.disabled;
   const { color = "primary", icon, disabled, onClick } = props;
   const baseStyles =
-    "inline-flex items-center justify-center min-w-[80px] rounded-2xl border border-transparent px-4 py-3 text-sm font-medium shadow-sm disabled:bg-gray-300   transition-all duration-300  ";
-  const primaryStyles =
-    "text-gray-900 bg-neon hover:bg-neon-dark  ";
+    "inline-flex items-center justify-center min-w-[80px] rounded-md border border-transparent px-4 py-2 text-sm font-medium shadow-sm disabled:bg-gray-300";
+  const primaryStyles = "text-white bg-neon hover:bg-neon-dark";
   const secondaryStyles =
-    "border-brown/30 bg-white text-brown hover:bg-brown hover:text-white hover:shadow-xl shadow-md hover:shadow-3xl shadow-gray-500/20 hover:shadow-slate-600/30 hover:-translate-y-1 ";
+    "border-gray-300 bg-white text-gray-700 hover:bg-gray-50";
 
   return isLink ? (
     <Link
@@ -36,7 +35,7 @@ export function Button(props: any) {
   ) : (
     <button
       id={props.id}
-      type="button"
+      type={props.type || "button"}
       className={classNames(
         baseStyles,
         color === "primary" ? primaryStyles : secondaryStyles,