diff --git a/main.css b/main.css
index 81b9654..fa9c3a4 100644
--- a/main.css
+++ b/main.css
@@ -86,7 +86,7 @@ body {
 	transition: left 500ms, backdrop-filter 500ms;
 }
 
-.library_body {
+.dialog_body {
 	display: grid;
 	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
 	grid-gap: 5%;
diff --git a/main.js b/main.js
index d0d09d5..431b336 100644
--- a/main.js
+++ b/main.js
@@ -126,10 +126,12 @@ app.gui.view.id = "view";
 app.gui.main.appendChild(app.gui.view);
 // Library popup
 app.gui.library = new auxillery_dialog("Library");
-app.gui.library.body.classList.add("library_body");
+app.gui.library.body.classList.add("dialog_body");
 app.gui.main.append(app.gui.library.root);
 // Options popup
 app.gui.options = new auxillery_dialog("Options");
+app.gui.library.body.classList.add("dialog_body");
+app.gui.main.append(app.gui.library.root);
 // pre-populate grid with emptys
 for (var x = 0; x < 16; x++) {
 	var name = "pec"+x;