diff --git a/sapl-frontend/src/apps/compilacao/js/compilacao.js b/sapl-frontend/src/apps/compilacao/js/old/compilacao.js
similarity index 100%
rename from sapl-frontend/src/apps/compilacao/js/compilacao.js
rename to sapl-frontend/src/apps/compilacao/js/old/compilacao.js
diff --git a/sapl-frontend/src/apps/compilacao/js/compilacao_edit.js b/sapl-frontend/src/apps/compilacao/js/old/compilacao_edit.js
similarity index 100%
rename from sapl-frontend/src/apps/compilacao/js/compilacao_edit.js
rename to sapl-frontend/src/apps/compilacao/js/old/compilacao_edit.js
diff --git a/sapl-frontend/src/apps/compilacao/js/compilacao_notas.js b/sapl-frontend/src/apps/compilacao/js/old/compilacao_notas.js
similarity index 100%
rename from sapl-frontend/src/apps/compilacao/js/compilacao_notas.js
rename to sapl-frontend/src/apps/compilacao/js/old/compilacao_notas.js
diff --git a/sapl-frontend/src/apps/compilacao/js/compilacao_view.js b/sapl-frontend/src/apps/compilacao/js/old/compilacao_view.js
similarity index 100%
rename from sapl-frontend/src/apps/compilacao/js/compilacao_view.js
rename to sapl-frontend/src/apps/compilacao/js/old/compilacao_view.js
diff --git a/sapl-frontend/src/apps/compilacao/main.js b/sapl-frontend/src/apps/compilacao/main.js
index 45fc0efed..a7b8d5bd4 100644
--- a/sapl-frontend/src/apps/compilacao/main.js
+++ b/sapl-frontend/src/apps/compilacao/main.js
@@ -1,9 +1,14 @@
 // TODO: migrar compilacao para VueJs
-import compilacao from "./js/compilacao";
-import compilacao_view from "./js/compilacao_view";
-import compilacao_notas from "./js/compilacao_notas";
+
+import "./scss/compilacao.scss";
+
+import compilacao from "./js/old/compilacao";
+import compilacao_view from "./js/old/compilacao_view";
+import compilacao_notas from "./js/old/compilacao_notas";
 import _ from "lodash";
 
+
+
 //import "./js/compilacao_edit";
 
 _.forEach(_.merge(_.merge(compilacao, compilacao_notas),compilacao_view), function(func, key) {
diff --git a/sapl/compilacao/forms.py b/sapl/compilacao/forms.py
index d8e984e3e..f14b8bd73 100644
--- a/sapl/compilacao/forms.py
+++ b/sapl/compilacao/forms.py
@@ -268,7 +268,7 @@ class NotaForm(ModelForm):
         self.helper.layout = Layout(
 
             Div(
-                Div(HTML(_('Notas')), css_class='panel-heading'),
+                Div(HTML(_('Notas')), css_class='card-header bg-bg-light'),
                 Div(
                     row1,
                     to_row([(Field(
@@ -279,9 +279,9 @@ class NotaForm(ModelForm):
                         placeholder=_('URL Externa (opcional)')), 12)]),
                     row3,
                     to_row([(buttons, 12)]),
-                    css_class="panel-body"
+                    css_class="card-body"
                 ),
-                css_class="panel panel-primary"
+                css_class="card"
             )
         )