diff --git a/components/Paybutton/PaybuttonDetail.tsx b/components/Paybutton/PaybuttonDetail.tsx
index bed10d55..c7fb37bf 100644
--- a/components/Paybutton/PaybuttonDetail.tsx
+++ b/components/Paybutton/PaybuttonDetail.tsx
@@ -84,6 +84,7 @@ export default ({ paybutton, refreshPaybutton, listView }: IProps): JSX.Element
           <>
             <label className={style.label_margin}>Website</label>
             <a
+              className={style.website_link}
               href={paybutton.url}
               target="_blank"
               rel="noopener noreferrer"
diff --git a/components/Paybutton/paybutton-detail.module.css b/components/Paybutton/paybutton-detail.module.css
index 88e3c085..1f02b33e 100644
--- a/components/Paybutton/paybutton-detail.module.css
+++ b/components/Paybutton/paybutton-detail.module.css
@@ -58,6 +58,18 @@
   text-decoration: underline;
 }
 
+.paybutton_card a:hover {
+  text-decoration: underline;
+  opacity: 0.85;
+}
+
+.website_link {
+  display: inline-flex;
+  width: fit-content;
+  max-width: 100%;
+  align-self: flex-start;
+}
+
 .arrow {
   position: absolute;
   right: 0;