Trying to fix the styling

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() {

src/styles/roots.scss

@@ -1,5 +1,2 @@
+$btn-border-radius: 25px;
 @import "../node_modules/bootstrap/scss/bootstrap";
-
-.roots {
-    $btn-border-radius: 25px;
-}