diff --git a/src/renderStatsCard.js b/src/renderStatsCard.js
index 416ce53..85f5b77 100644
--- a/src/renderStatsCard.js
+++ b/src/renderStatsCard.js
@@ -130,9 +130,7 @@ const renderStatsCard = (stats = {}, options = { hide: [] }) => {
     ? ""
     : `<text x="25" y="35" class="header">${name}'${apostrophe} GitHub Stats</text>`;
 
-  const border = hide_border
-    ? ""
-    : `
+  const border = `
     <rect 
       data-testid="card-bg"
       x="0.5"
@@ -142,6 +140,7 @@ const renderStatsCard = (stats = {}, options = { hide: [] }) => {
       rx="4.5"
       fill="${bgColor}"
       stroke="#E4E2E2"
+      stroke-opacity="${hide_border ? 0 : 1}"
     />
   `;
 
diff --git a/tests/renderStatsCard.test.js b/tests/renderStatsCard.test.js
index eaec45f..caa3167 100644
--- a/tests/renderStatsCard.test.js
+++ b/tests/renderStatsCard.test.js
@@ -71,8 +71,16 @@ describe("Test renderStatsCard", () => {
 
   it("should hide_border", () => {
     document.body.innerHTML = renderStatsCard(stats, { hide_border: true });
+    expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
+      "stroke-opacity",
+      "0"
+    );
 
-    expect(queryByTestId(document.body, "card-bg")).not.toBeInTheDocument();
+    document.body.innerHTML = renderStatsCard(stats, { hide_border: false });
+    expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
+      "stroke-opacity",
+      "1"
+    );
   });
 
   it("should hide_rank", () => {