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