diff --git a/package-lock.json b/package-lock.json
index 615a665..f9d5351 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -34,7 +34,7 @@
 				"remark-gfm": "^3.0.1",
 				"remark-smartypants": "^2.0.0",
 				"sass": "^1.54.5",
-				"solid-js": "^1.4.8"
+				"solid-js": "^1.5.1"
 			}
 		},
 		"node_modules/@ampproject/remapping": {
@@ -2369,6 +2369,12 @@
 				"npm": ">=7.0.0"
 			}
 		},
+		"node_modules/csstype": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
+			"integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==",
+			"dev": true
+		},
 		"node_modules/data-uri-to-buffer": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz",
@@ -8228,10 +8234,13 @@
 			}
 		},
 		"node_modules/solid-js": {
-			"version": "1.4.8",
-			"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.4.8.tgz",
-			"integrity": "sha512-XErZdnnYYXF7OwGSUAPcua2y5/ELB/c53zFCpWiEGqxTNoH1iQghzI8EsHJXk06sNn+Z/TGhb8bPDNNGSgimag==",
-			"dev": true
+			"version": "1.5.1",
+			"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.5.1.tgz",
+			"integrity": "sha512-Y6aKystIxnrB0quV5nhqNuJV+l2Fk3/PQy1mMya/bzxlGiMHAym7v1NaqEgqDIvctbkxOi5dBj0ER/ewrH060g==",
+			"dev": true,
+			"dependencies": {
+				"csstype": "^3.1.0"
+			}
 		},
 		"node_modules/source-map": {
 			"version": "0.7.4",
@@ -11298,6 +11307,12 @@
 				"css-tree": "~2.2.0"
 			}
 		},
+		"csstype": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
+			"integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==",
+			"dev": true
+		},
 		"data-uri-to-buffer": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz",
@@ -15392,10 +15407,13 @@
 			"dev": true
 		},
 		"solid-js": {
-			"version": "1.4.8",
-			"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.4.8.tgz",
-			"integrity": "sha512-XErZdnnYYXF7OwGSUAPcua2y5/ELB/c53zFCpWiEGqxTNoH1iQghzI8EsHJXk06sNn+Z/TGhb8bPDNNGSgimag==",
-			"dev": true
+			"version": "1.5.1",
+			"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.5.1.tgz",
+			"integrity": "sha512-Y6aKystIxnrB0quV5nhqNuJV+l2Fk3/PQy1mMya/bzxlGiMHAym7v1NaqEgqDIvctbkxOi5dBj0ER/ewrH060g==",
+			"dev": true,
+			"requires": {
+				"csstype": "^3.1.0"
+			}
 		},
 		"source-map": {
 			"version": "0.7.4",
diff --git a/package.json b/package.json
index 7e16710..5d2ca20 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,6 @@
 		"remark-gfm": "^3.0.1",
 		"remark-smartypants": "^2.0.0",
 		"sass": "^1.54.5",
-		"solid-js": "^1.4.8"
+		"solid-js": "^1.5.1"
 	}
 }
diff --git a/src/components/Button/Button.astro b/src/components/Button/Button.astro
index 58bb845..c7a760c 100644
--- a/src/components/Button/Button.astro
+++ b/src/components/Button/Button.astro
@@ -10,22 +10,14 @@ const attrs = Astro.props as Props;
 
 <style lang="scss">
 	button {
-		cursor: pointer;
 		display: inline-flex;
 		column-gap: 7px;
 		font-family: var(--font-family-base);
 		font-weight: 500;
 		color: var(--font-color);
-		padding: 5px 16px;
-		border: 1px solid var(--border-color);
-		border-radius: var(--border-radius-md);
 		background: none;
 		font-size: var(--font-size-sm);
 
-		&:hover {
-			border: 1px solid var(--border-color-hover);
-		}
-
 		&[disabled] {
 			opacity: 0.5;
 			cursor: not-allowed;
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 2fc2d7e..1386108 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -130,6 +130,12 @@ a {
 }
 
 button {
+	cursor: pointer;
 	background: none;
-	border: none;
+	border: 1px solid var(--border-color);
+	border-radius: var(--border-radius-md);
+	padding: 5px 16px;
+	&:hover {
+		border: 1px solid var(--border-color-hover);
+	}
 }