diff --git a/jest.config.ts b/jest.config.ts
index bbc6262579..638abc386d 100644
--- a/jest.config.ts
+++ b/jest.config.ts
@@ -18,8 +18,8 @@ const config: Config = {
     ...pathsToModuleNameMapper(compilerOptions.paths, {
       prefix: '<rootDir>/src',
     }),
-    '^platform-bible-react$': '<rootDir>/node_modules/platform-bible-react/dist/index.es.js',
-    '^platform-bible-utils$': '<rootDir>/node_modules/platform-bible-utils/dist/index.es.js',
+    '^platform-bible-react$': '<rootDir>/node_modules/platform-bible-react/dist/index.js',
+    '^platform-bible-utils$': '<rootDir>/node_modules/platform-bible-utils/dist/index.js',
   },
   testEnvironment: 'jsdom',
   testEnvironmentOptions: {
diff --git a/lib/platform-bible-react/dist/index.cjs b/lib/platform-bible-react/dist/index.cjs
index 9f084c7407..3a5a667870 100644
--- a/lib/platform-bible-react/dist/index.cjs
+++ b/lib/platform-bible-react/dist/index.cjs
@@ -101,22 +101,45 @@ const theme2 = createTheme({ palette: {
   color: white;
   text-decoration: underline;
 }
-.papi-multi-column-menu {
-  background-color: lightgray;
-  display: flex;
-  flex-direction: column;
-  padding-left: 3px;
-  padding-right: 3px;
+.papi-checkbox {
+  background-color: transparent;
 }
 
-.papi-menu {
-  background-color: rgb(145, 145, 145);
-  font-size: 11pt;
-  font-weight: 600;
-  margin-top: 1px;
-  padding-bottom: 2px;
-  padding-left: 24px;
-  padding-top: 2px;
+.papi-checkbox.error {
+  color: #f00;
+}
+
+.papi-checkbox.error:hover {
+  background-color: rgba(255, 0, 0, 0.2);
+}
+
+.papi-checkbox.paratext {
+  color: greenyellow;
+}
+
+.papi-checkbox-label.paratext {
+  color: darkgreen;
+}
+
+.papi-checkbox.paratext:hover {
+  background-color: rgba(0, 100, 0, 0.3);
+}
+
+.papi-checkbox.paratext.bright {
+  color: darkgreen;
+}
+
+.papi-checkbox-label.paratext.bright {
+  background-color: greenyellow;
+}
+
+.papi-checkbox.paratext.bright:hover {
+  background-color: rgba(173, 255, 47, 0.3);
+}
+
+.papi-checkbox.below,
+.papi-checkbox.above {
+  text-align: center;
 }
 .papi-icon-button {
   border: 0;
@@ -144,19 +167,6 @@ const theme2 = createTheme({ palette: {
   background-color: greenyellow;
   color: darkgreen;
 }
-.papi-menu-item {
-  line-height: 0.8;
-}
-
-.papi-menu-item.paratext {
-  background-color: darkgreen;
-  color: greenyellow;
-}
-
-.papi-menu-item.paratext.bright {
-  background-color: greenyellow;
-  color: darkgreen;
-}
 .papi-combo-box {
   background-color: transparent;
 }
@@ -178,61 +188,77 @@ const theme2 = createTheme({ palette: {
   background-color: greenyellow;
   color: darkgreen;
 }
-.papi-checkbox {
-  background-color: transparent;
+.search-bar-paper {
+  display: flex;
+  align-items: center;
 }
 
-.papi-checkbox.error {
-  color: #f00;
+.search-button {
+  padding: 10px;
 }
-
-.papi-checkbox.error:hover {
-  background-color: rgba(255, 0, 0, 0.2);
+.papi-menu-item {
+  line-height: 0.8;
 }
 
-.papi-checkbox.paratext {
+.papi-menu-item.paratext {
+  background-color: darkgreen;
   color: greenyellow;
 }
 
-.papi-checkbox-label.paratext {
+.papi-menu-item.paratext.bright {
+  background-color: greenyellow;
   color: darkgreen;
 }
+.papi-slider {
+  background-color: transparent;
+  color: #1ea7fd;
+}
 
-.papi-checkbox.paratext:hover {
-  background-color: rgba(0, 100, 0, 0.3);
+.papi-slider.vertical {
+  min-height: 200px;
 }
 
-.papi-checkbox.paratext.bright {
-  color: darkgreen;
+.papi-slider.paratext {
+  background-color: darkgreen;
+  color: greenyellow;
 }
 
-.papi-checkbox-label.paratext.bright {
+.papi-slider.paratext.bright {
   background-color: greenyellow;
+  color: darkgreen;
+}
+.papi-ref-selector.book {
+  display: inline-block;
+  vertical-align: middle;
 }
 
-.papi-checkbox.paratext.bright:hover {
-  background-color: rgba(173, 255, 47, 0.3);
+.papi-ref-selector.chapter-verse {
+  width: 75px;
+}
+.papi-switch {
+  background-color: transparent;
 }
 
-.papi-checkbox.below,
-.papi-checkbox.above {
-  text-align: center;
+.papi-switch.primary {
+  background-color: #1ea7fd;
 }
-.search-bar-paper {
-  display: flex;
-  align-items: center;
+
+.papi-switch.secondary {
+  background-color: #6fc8ff;
 }
 
-.search-button {
-  padding: 10px;
+.papi-switch.error {
+  background-color: #f00;
 }
-.papi-ref-selector.book {
-  display: inline-block;
-  vertical-align: middle;
+
+.papi-switch.paratext {
+  background-color: darkgreen;
+  color: greenyellow;
 }
 
-.papi-ref-selector.chapter-verse {
-  width: 75px;
+.papi-switch.paratext.bright {
+  background-color: greenyellow;
+  color: darkgreen;
 }
 .papi-snackbar {
   font-family: Arial, Helvetica, sans-serif;
@@ -269,31 +295,10 @@ const theme2 = createTheme({ palette: {
   background: greenyellow;
   color: darkgreen;
 }
-.papi-switch {
-  background-color: transparent;
-}
-
-.papi-switch.primary {
-  background-color: #1ea7fd;
-}
-
-.papi-switch.secondary {
-  background-color: #6fc8ff;
-}
-
-.papi-switch.error {
-  background-color: #f00;
-}
-
-.papi-switch.paratext {
+.paratext {
   background-color: darkgreen;
   color: greenyellow;
 }
-
-.papi-switch.paratext.bright {
-  background-color: greenyellow;
-  color: darkgreen;
-}
 @layer rdg.MeasuringCell {.m1l09lto7-0-0-beta-34 {
     contain: strict;
     grid-row: 1;
@@ -739,28 +744,6 @@ const theme2 = createTheme({ palette: {
     }
   }
 
-.paratext {
-  background-color: darkgreen;
-  color: greenyellow;
-}
-.papi-slider {
-  background-color: transparent;
-  color: #1ea7fd;
-}
-
-.papi-slider.vertical {
-  min-height: 200px;
-}
-
-.papi-slider.paratext {
-  background-color: darkgreen;
-  color: greenyellow;
-}
-
-.papi-slider.paratext.bright {
-  background-color: greenyellow;
-  color: darkgreen;
-}
 .papi-toolbar {
   background-color: #eee;
   color: black;
@@ -785,5 +768,22 @@ const theme2 = createTheme({ palette: {
   padding: 10px;
   position: relative;
 }
+.papi-multi-column-menu {
+  background-color: lightgray;
+  display: flex;
+  flex-direction: column;
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.papi-menu {
+  background-color: rgb(145, 145, 145);
+  font-size: 11pt;
+  font-weight: 600;
+  margin-top: 1px;
+  padding-bottom: 2px;
+  padding-left: 24px;
+  padding-top: 2px;
+}
 `,"top");
 //# sourceMappingURL=index.cjs.map
diff --git a/lib/platform-bible-react/dist/index.js b/lib/platform-bible-react/dist/index.js
index dae7c8a6ed..6106b95de4 100644
--- a/lib/platform-bible-react/dist/index.js
+++ b/lib/platform-bible-react/dist/index.js
@@ -4296,22 +4296,45 @@ ea(`.papi-button {
   color: white;
   text-decoration: underline;
 }
-.papi-multi-column-menu {
-  background-color: lightgray;
-  display: flex;
-  flex-direction: column;
-  padding-left: 3px;
-  padding-right: 3px;
+.papi-checkbox {
+  background-color: transparent;
 }
 
-.papi-menu {
-  background-color: rgb(145, 145, 145);
-  font-size: 11pt;
-  font-weight: 600;
-  margin-top: 1px;
-  padding-bottom: 2px;
-  padding-left: 24px;
-  padding-top: 2px;
+.papi-checkbox.error {
+  color: #f00;
+}
+
+.papi-checkbox.error:hover {
+  background-color: rgba(255, 0, 0, 0.2);
+}
+
+.papi-checkbox.paratext {
+  color: greenyellow;
+}
+
+.papi-checkbox-label.paratext {
+  color: darkgreen;
+}
+
+.papi-checkbox.paratext:hover {
+  background-color: rgba(0, 100, 0, 0.3);
+}
+
+.papi-checkbox.paratext.bright {
+  color: darkgreen;
+}
+
+.papi-checkbox-label.paratext.bright {
+  background-color: greenyellow;
+}
+
+.papi-checkbox.paratext.bright:hover {
+  background-color: rgba(173, 255, 47, 0.3);
+}
+
+.papi-checkbox.below,
+.papi-checkbox.above {
+  text-align: center;
 }
 .papi-icon-button {
   border: 0;
@@ -4339,19 +4362,6 @@ ea(`.papi-button {
   background-color: greenyellow;
   color: darkgreen;
 }
-.papi-menu-item {
-  line-height: 0.8;
-}
-
-.papi-menu-item.paratext {
-  background-color: darkgreen;
-  color: greenyellow;
-}
-
-.papi-menu-item.paratext.bright {
-  background-color: greenyellow;
-  color: darkgreen;
-}
 .papi-combo-box {
   background-color: transparent;
 }
@@ -4373,61 +4383,77 @@ ea(`.papi-button {
   background-color: greenyellow;
   color: darkgreen;
 }
-.papi-checkbox {
-  background-color: transparent;
+.search-bar-paper {
+  display: flex;
+  align-items: center;
 }
 
-.papi-checkbox.error {
-  color: #f00;
+.search-button {
+  padding: 10px;
 }
-
-.papi-checkbox.error:hover {
-  background-color: rgba(255, 0, 0, 0.2);
+.papi-menu-item {
+  line-height: 0.8;
 }
 
-.papi-checkbox.paratext {
+.papi-menu-item.paratext {
+  background-color: darkgreen;
   color: greenyellow;
 }
 
-.papi-checkbox-label.paratext {
+.papi-menu-item.paratext.bright {
+  background-color: greenyellow;
   color: darkgreen;
 }
+.papi-slider {
+  background-color: transparent;
+  color: #1ea7fd;
+}
 
-.papi-checkbox.paratext:hover {
-  background-color: rgba(0, 100, 0, 0.3);
+.papi-slider.vertical {
+  min-height: 200px;
 }
 
-.papi-checkbox.paratext.bright {
-  color: darkgreen;
+.papi-slider.paratext {
+  background-color: darkgreen;
+  color: greenyellow;
 }
 
-.papi-checkbox-label.paratext.bright {
+.papi-slider.paratext.bright {
   background-color: greenyellow;
+  color: darkgreen;
+}
+.papi-ref-selector.book {
+  display: inline-block;
+  vertical-align: middle;
 }
 
-.papi-checkbox.paratext.bright:hover {
-  background-color: rgba(173, 255, 47, 0.3);
+.papi-ref-selector.chapter-verse {
+  width: 75px;
+}
+.papi-switch {
+  background-color: transparent;
 }
 
-.papi-checkbox.below,
-.papi-checkbox.above {
-  text-align: center;
+.papi-switch.primary {
+  background-color: #1ea7fd;
 }
-.search-bar-paper {
-  display: flex;
-  align-items: center;
+
+.papi-switch.secondary {
+  background-color: #6fc8ff;
 }
 
-.search-button {
-  padding: 10px;
+.papi-switch.error {
+  background-color: #f00;
 }
-.papi-ref-selector.book {
-  display: inline-block;
-  vertical-align: middle;
+
+.papi-switch.paratext {
+  background-color: darkgreen;
+  color: greenyellow;
 }
 
-.papi-ref-selector.chapter-verse {
-  width: 75px;
+.papi-switch.paratext.bright {
+  background-color: greenyellow;
+  color: darkgreen;
 }
 .papi-snackbar {
   font-family: Arial, Helvetica, sans-serif;
@@ -4464,31 +4490,10 @@ ea(`.papi-button {
   background: greenyellow;
   color: darkgreen;
 }
-.papi-switch {
-  background-color: transparent;
-}
-
-.papi-switch.primary {
-  background-color: #1ea7fd;
-}
-
-.papi-switch.secondary {
-  background-color: #6fc8ff;
-}
-
-.papi-switch.error {
-  background-color: #f00;
-}
-
-.papi-switch.paratext {
+.paratext {
   background-color: darkgreen;
   color: greenyellow;
 }
-
-.papi-switch.paratext.bright {
-  background-color: greenyellow;
-  color: darkgreen;
-}
 @layer rdg.MeasuringCell {.m1l09lto7-0-0-beta-34 {
     contain: strict;
     grid-row: 1;
@@ -4934,28 +4939,6 @@ ea(`.papi-button {
     }
   }
 
-.paratext {
-  background-color: darkgreen;
-  color: greenyellow;
-}
-.papi-slider {
-  background-color: transparent;
-  color: #1ea7fd;
-}
-
-.papi-slider.vertical {
-  min-height: 200px;
-}
-
-.papi-slider.paratext {
-  background-color: darkgreen;
-  color: greenyellow;
-}
-
-.papi-slider.paratext.bright {
-  background-color: greenyellow;
-  color: darkgreen;
-}
 .papi-toolbar {
   background-color: #eee;
   color: black;
@@ -4980,6 +4963,23 @@ ea(`.papi-button {
   padding: 10px;
   position: relative;
 }
+.papi-multi-column-menu {
+  background-color: lightgray;
+  display: flex;
+  flex-direction: column;
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.papi-menu {
+  background-color: rgb(145, 145, 145);
+  font-size: 11pt;
+  font-weight: 600;
+  margin-top: 1px;
+  padding-bottom: 2px;
+  padding-left: 24px;
+  padding-top: 2px;
+}
 `, "top");
 export {
   we as Button,