diff --git a/frontend/app/element/linkbutton.less b/frontend/app/element/linkbutton.less
index bb682700..d58ca0e2 100644
--- a/frontend/app/element/linkbutton.less
+++ b/frontend/app/element/linkbutton.less
@@ -3,19 +3,4 @@
 
 &.link-button {
     text-decoration: none;
-
-    .button-inner {
-        display: flex;
-        border-radius: 6px;
-        padding: 8px 12px;
-        background-color: var(--button-grey-bg);
-        border: 1px solid var(--button-grey-border-color);
-        color: var(--button-grey-text-color);
-        i {
-            margin-right: 4px;
-        }
-        &:hover {
-            color: var(--button-grey-text-color);
-        }
-    }
 }
diff --git a/frontend/app/element/linkbutton.tsx b/frontend/app/element/linkbutton.tsx
index 4918024f..00de26c6 100644
--- a/frontend/app/element/linkbutton.tsx
+++ b/frontend/app/element/linkbutton.tsx
@@ -24,7 +24,7 @@ interface LinkButtonProps {
 
 const LinkButton = ({ leftIcon, rightIcon, children, className, ...rest }: LinkButtonProps) => {
     return (
-        <a {...rest} className={clsx("link-button", className)}>
+        <a {...rest} className={clsx("button grey solid link-button", className)}>
             <span className="button-inner">
                 {leftIcon && <span className="icon-left">{leftIcon}</span>}
                 {children}
diff --git a/frontend/app/modals/about.less b/frontend/app/modals/about.less
index 9b4a2b30..49a9ae7c 100644
--- a/frontend/app/modals/about.less
+++ b/frontend/app/modals/about.less
@@ -2,14 +2,14 @@
 // SPDX-License-Identifier: Apache-2.0
 
 .about-modal {
-    width: 445px;
     padding-bottom: 34px;
 
-    .modal-content {
+    .content-wrapper .modal-content {
         margin-bottom: 0;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
+        padding: 0px 0px;
         gap: 24px;
 
         .section-wrapper {
@@ -43,15 +43,19 @@
             }
         }
 
-        .section:nth-child(3) {
+        .section.links {
             display: flex;
             align-items: flex-start;
-            gap: 7px;
+            gap: 10px;
 
-            .wave-button-link {
+            .button {
                 display: flex;
                 align-items: center;
 
+                .icon-left {
+                    margin-right: 5px;
+                }
+
                 i {
                     font-size: 16px;
                 }
diff --git a/frontend/app/modals/about.tsx b/frontend/app/modals/about.tsx
index df697935..e75a5c2a 100644
--- a/frontend/app/modals/about.tsx
+++ b/frontend/app/modals/about.tsx
@@ -36,7 +36,7 @@ const AboutModal = ({}: AboutModalProps) => {
                     <br />
                     Update Channel: {updaterChannel}
                 </div>
-                <div className="section">
+                <div className="section links">
                     <LinkButton
                         className="secondary solid"
                         href="https://github.com/wavetermdev/waveterm"