From ce98e393bc58da749a57c115510d38cd9465a03b Mon Sep 17 00:00:00 2001
From: mikwee <mikwee@protonmail.ch>
Date: Fri, 5 Nov 2021 17:29:32 +0200
Subject: [PATCH] Trying to fix the styling

---
 src/App.js            | 1 +
 src/styles/roots.scss | 7 ++-----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/App.js b/src/App.js
index 7703358..6a6a8dd 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,7 @@
 import './App.css';
 import {Button} from 'react-bootstrap';
 import 'bootstrap/dist/css/bootstrap.min.css';
+import './styles/roots.scss';
 import data from './roots.json'
 
 function App() {
diff --git a/src/styles/roots.scss b/src/styles/roots.scss
index a596e96..8b97bd0 100644
--- a/src/styles/roots.scss
+++ b/src/styles/roots.scss
@@ -1,5 +1,2 @@
-@import "../node_modules/bootstrap/scss/bootstrap";
-
-.roots {
-    $btn-border-radius: 25px;
-}
\ No newline at end of file
+$btn-border-radius: 25px;
+@import "../node_modules/bootstrap/scss/bootstrap";
\ No newline at end of file