diff --git a/beam/src/components/BeamBtn.vue b/beam/src/components/BeamBtn.vue
index a8376e84..6a3b553f 100644
--- a/beam/src/components/BeamBtn.vue
+++ b/beam/src/components/BeamBtn.vue
@@ -21,3 +21,12 @@
 	}
 }
 </style>
+<style>
+.beam_btn a:link,
+.beam_btn a:visited,
+.beam_btn a:hover,
+.beam_btn a:active {
+	text-decoration: none;
+	color: var(--sc-btn-label-color);
+}
+</style>
diff --git a/common/changes/@stonecrop/beam/fix-navbar-btn-style_2024-12-11-17-54.json b/common/changes/@stonecrop/beam/fix-navbar-btn-style_2024-12-11-17-54.json
new file mode 100644
index 00000000..8a2ed897
--- /dev/null
+++ b/common/changes/@stonecrop/beam/fix-navbar-btn-style_2024-12-11-17-54.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@stonecrop/beam",
+      "comment": "added link styles to BeamBtn",
+      "type": "none"
+    }
+  ],
+  "packageName": "@stonecrop/beam"
+}
\ No newline at end of file