diff --git a/src/resources/css/app.css b/src/resources/css/app.css
index 442a500..7213d93 100644
--- a/src/resources/css/app.css
+++ b/src/resources/css/app.css
@@ -4,13 +4,26 @@
 
 @import 'extends/grid.css';
 
+@import 'utilities.css';
 @import 'animations.css';
-@import 'fontfaces.css';
 
-@import 'components/buttons.css';
+@import 'typography/font-faces.css';
+@import 'typography/text-shadows.css';
+
+@import 'elements/buttons.css';
+@import 'elements/forms.css';
+@import 'elements/links.css';
+@import 'elements/pre-codes.css';
+@import 'elements/progress-bars.css';
+@import 'elements/tables.css';
+
+@import 'components/accordian-menus.css';
+@import 'components/alerts.css';
+@import 'components/breadcrumbs.css';
 @import 'components/cards.css';
-@import 'components/forms.css';
-@import 'components/tables.css';
+@import 'components/modals.css';
+@import 'components/navbars.css';
+@import 'components/pagination.css';
 
 body {
     min-height: 100vh;
diff --git a/src/resources/css/typography/fontfaces.css b/src/resources/css/typography/font-faces.css
similarity index 100%
rename from src/resources/css/typography/fontfaces.css
rename to src/resources/css/typography/font-faces.css
diff --git a/src/resources/css/utilities.css b/src/resources/css/utilities.css
new file mode 100644
index 0000000..22da5da
--- /dev/null
+++ b/src/resources/css/utilities.css
@@ -0,0 +1,3 @@
+.button-row {
+    @apply inline-grid grid-flow-col auto-cols-max items-center; /* intentionally leaving gap out so that it can be set on per-case basis */
+}