From e500aeb9af75060331416023f6c10147736ecf7f Mon Sep 17 00:00:00 2001
From: "create-issue-branch[bot]"
 <53036503+create-issue-branch[bot]@users.noreply.github.com>
Date: Sat, 9 Mar 2024 11:49:42 -0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20bug:=20fix=20view=20raw?=
 =?UTF-8?q?=20button=20(#39)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: create-issue-branch[bot] <53036503+create-issue-branch[bot]@users.noreply.github.com>
Co-authored-by: Adam Matthiesen <amatthiesen@outlook.com>
---
 .changeset/shiny-jeans-report.md                 | 5 +++++
 package/src/ExpressiveCode/components/Code.astro | 9 ++++-----
 2 files changed, 9 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/shiny-jeans-report.md

diff --git a/.changeset/shiny-jeans-report.md b/.changeset/shiny-jeans-report.md
new file mode 100644
index 0000000..b21c20b
--- /dev/null
+++ b/.changeset/shiny-jeans-report.md
@@ -0,0 +1,5 @@
+---
+"@matthiesenxyz/astro-gists": patch
+---
+
+fix CSS issue with View Raw Button
diff --git a/package/src/ExpressiveCode/components/Code.astro b/package/src/ExpressiveCode/components/Code.astro
index 0500b05..9faac0f 100644
--- a/package/src/ExpressiveCode/components/Code.astro
+++ b/package/src/ExpressiveCode/components/Code.astro
@@ -57,11 +57,10 @@ if (scriptsToPrepend.length) {
 
 <style>
     .raw {
-        display: inline-flex;
-        position: absolute;
-        z-index: 99;
-        right: 0;
-        color: gray;
+        float: inline-end;
+        background-color: transparent;
+        background: transparent;
+        color: black;
         padding-top: 2px;
         padding-inline-end: 1rem;
         text-decoration: none;