From 919ae5f3258c4c5d4dd33e2841693c106c8e56a9 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 30 May 2023 15:42:45 -0300
Subject: [PATCH] Fixed Attribution Text on Dark Mode

---
 src/frontend/src/pages/FlowPage/index.tsx | 1 +
 src/frontend/tailwind.config.js           | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/frontend/src/pages/FlowPage/index.tsx b/src/frontend/src/pages/FlowPage/index.tsx
index 07f56354f..dcc625647 100644
--- a/src/frontend/src/pages/FlowPage/index.tsx
+++ b/src/frontend/src/pages/FlowPage/index.tsx
@@ -345,6 +345,7 @@ export default function FlowPage({ flow }: { flow: FlowType }) {
             panOnDrag={!disableCopyPaste}
             zoomOnDoubleClick={!disableCopyPaste}
             selectNodesOnDrag={false}
+            className="theme-attribution"
           >
             <Background className="dark:bg-gray-900" />
             <Controls className="[&>button]:text-black  [&>button]:dark:bg-gray-800 hover:[&>button]:dark:bg-gray-700 [&>button]:dark:text-gray-400 [&>button]:dark:fill-gray-400 [&>button]:dark:border-gray-600"></Controls>
diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index 57c71f5b7..8df8b8c1e 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -87,6 +87,7 @@ module.exports = {
         },
         ".dark .theme-attribution .react-flow__attribution": {
           backgroundColor: "rgba(255, 255, 255, 0.2)",
+          padding: "0px 5px",
         },
         ".dark .theme-attribution .react-flow__attribution a": {
           color: "black",