diff --git a/ui/src/App.vue b/ui/src/App.vue
index cc2e75a..42d8884 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -33,8 +33,8 @@ export default defineComponent({
 
 <style lang="scss">
 @import "../node_modules/normalize.css/normalize.css";
-@import "../node_modules/@shoelace-style/shoelace/dist/shoelace/shoelace.css";
-@import "../node_modules/@shoelace-style/shoelace/themes/dark.css";
+@import "../node_modules/@shoelace-style/shoelace/dist/themes/base.css";
+@import "../node_modules/@shoelace-style/shoelace/dist/themes/dark.css";
 @import url("/assets/fonts/inter.css");
 
 html {
diff --git a/ui/src/main.ts b/ui/src/main.ts
index adcd822..ff8eae4 100644
--- a/ui/src/main.ts
+++ b/ui/src/main.ts
@@ -1,12 +1,11 @@
-import { defineCustomElements, setAssetPath, SlInput } from "@shoelace-style/shoelace";
+import { setBasePath, SlInput } from "@shoelace-style/shoelace";
 import * as Vue from "vue";
 import { DirectiveBinding } from "vue";
 import App from "./App.vue";
 import router from "./router";
 
 // TODO: Remove when UI settles!
-defineCustomElements();
-setAssetPath(`${window.location.origin}/${process.env.VUE_APP_ASSET_PATH}/`);
+setBasePath(`${window.location.origin}/`);
 
 const app = Vue.createApp(App);
 app.use(router);
diff --git a/ui/vue.config.js b/ui/vue.config.js
index 73e3d22..63efe51 100644
--- a/ui/vue.config.js
+++ b/ui/vue.config.js
@@ -9,7 +9,7 @@ module.exports = {
         {
           from: path.resolve(
             __dirname,
-            "node_modules/@shoelace-style/shoelace/dist/shoelace/icons"
+            "node_modules/@shoelace-style/shoelace/dist/assets/icons"
           ),
           to: path.resolve(__dirname, "dist/assets/icons")
         }