diff --git a/index.html b/index.html
index c377c8a..0404e70 100644
--- a/index.html
+++ b/index.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Custom itk-viewer Material UI Demo</title>
-  </head>
-  <body>
-    <div
-      class="content"
-      style="
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Custom itk-viewer Boostrap UI Demo</title>
+</head>
+
+<body>
+  <div class="content" style="
         position: absolute;
         width: 100vw;
         height: 100vh;
@@ -19,35 +19,32 @@
         background: black;
         margin: 0;
         padding: 0;
-      "
-    ></div>
-    <script
-      type="text/javascript"
-      src="https://cdn.jsdelivr.net/npm/itk-vtk-viewer@13.0.0/dist/itkVtkViewer.js"
-    ></script>
-    <script>
-      const container = document.querySelector('.content')
-      const ipfsImage = new URL(
-        './test-data/HeadMRVolume.nrrd',
+      "></div>
+  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/itk-vtk-viewer@13.0.0/dist/itkVtkViewer.js"></script>
+  <script>
+    const container = document.querySelector('.content')
+    const ipfsImage = new URL(
+      './test-data/HeadMRVolume.nrrd',
+      document.location.origin
+    )
+    const labelImage = new URL(
+      './test-data/HeadMRVolumeLabels.nrrd',
+      document.location.origin
+    )
+
+    const uiMachineOptions = {
+      href: new URL(
+        '/src/bootstrapUIMachineOptions.js',
         document.location.origin
-      )
-      const labelImage = new URL(
-        './test-data/HeadMRVolumeLabels.nrrd',
-          document.location.origin
-      )
+      ).href
+    }
+    itkVtkViewer.createViewer(container, {
+      image: ipfsImage,
+      labelImage,
+      rotate: false,
+      config: { uiMachineOptions }
+    })
+  </script>
+</body>
 
-      const uiMachineOptions = {
-        href: new URL(
-          '/src/materialUIMachineOptions.js',
-          document.location.origin
-        ).href
-      }
-      itkVtkViewer.createViewer(container, {
-        image: ipfsImage,
-        labelImage,
-        rotate: false,
-        config: { uiMachineOptions }
-      })
-    </script>
-  </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 5cc3c7b..0233a7e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Custom itk-viewer Material UI Demo</title>
-  </head>
-  <body>
-    <div
-      class="content"
-      style="
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Custom itk-viewer Bootstrap UI Demo</title>
+</head>
+
+<body>
+  <div class="content" style="
         position: absolute;
         width: 100vw;
         height: 100vh;
@@ -19,35 +19,32 @@
         background: black;
         margin: 0;
         padding: 0;
-      "
-    ></div>
-    <script
-      type="text/javascript"
-      src="https://cdn.jsdelivr.net/npm/itk-vtk-viewer@13.0.0/dist/itkVtkViewer.js"
-    ></script>
-    <script>
-      const container = document.querySelector('.content')
-      const ipfsImage = new URL(
-        './test-data/HeadMRVolume.nrrd',
-         document.location.origin
-      )
-      const labelImage = new URL(
-        './test-data/HeadMRVolumeLabels.nrrd',
-         document.location.origin
-      )
+      "></div>
+  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/itk-vtk-viewer@13.0.0/dist/itkVtkViewer.js"></script>
+  <script>
+    const container = document.querySelector('.content')
+    const ipfsImage = new URL(
+      './test-data/HeadMRVolume.nrrd',
+      document.location.origin
+    )
+    const labelImage = new URL(
+      './test-data/HeadMRVolumeLabels.nrrd',
+      document.location.origin
+    )
+
+    const uiMachineOptions = {
+      href: new URL(
+        './bootstrapUIMachineOptions.js.es.js',
+        document.location.origin
+      ).href
+    }
+    itkVtkViewer.createViewer(container, {
+      image: ipfsImage,
+      labelImage,
+      rotate: false,
+      config: { uiMachineOptions }
+    })
+  </script>
+</body>
 
-      const uiMachineOptions = {
-        href: new URL(
-          './materialUIMachineOptions.js.es.js',
-          document.location.origin
-        ).href
-      }
-      itkVtkViewer.createViewer(container, {
-        image: ipfsImage,
-        labelImage,
-        rotate: false,
-        config: { uiMachineOptions }
-      })
-    </script>
-  </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/src/materialUIMachineOptions.js b/src/bootstrapUIMachineOptions.js
similarity index 90%
rename from src/materialUIMachineOptions.js
rename to src/bootstrapUIMachineOptions.js
index a8c337f..1eda93e 100644
--- a/src/materialUIMachineOptions.js
+++ b/src/bootstrapUIMachineOptions.js
@@ -9,7 +9,7 @@ import toggleUICollapsed from './toggleUICollapsed.jsx'
 
 import './App.scss'
 
-const materialUIMachineOptions = {
+const boostrapUIMachineOptions = {
   main: mainUIMachineOptions,
 
   layers: layersUIMachineOptions,
@@ -27,4 +27,4 @@ const materialUIMachineOptions = {
   }
 }
 
-export default materialUIMachineOptions
+export default boostrapUIMachineOptions
diff --git a/vite.config.js b/vite.config.js
index b55098c..27b58ef 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -8,10 +8,9 @@ export default defineConfig({
   plugins: [reactRefresh(), cssInjectedByJsPlugin()],
   build: {
     lib: {
-      entry: path.resolve(__dirname, 'src', 'materialUIMachineOptions.js'),
-      name: 'materialUIMachineOptions',
+      entry: path.resolve(__dirname, 'src', 'bootstrapUIMachineOptions.js'),
+      name: 'bootstrapUIMachineOptions',
       formats: ['es'],
-      fileName: 'materialUIMachineOptions.js'
     }
   },
   resolve: {
