diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index f70aeb4..84e9e0e 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -12,8 +12,8 @@
         <p class="text-xs text-muted-foreground">
           <ScrambleText
             ref="zerooneSubtitle"
-            text="Haptic Configuration Tool" scramble-on-mount scramble-amount="1" fill-interval="35"
-            replace-interval="40" />
+            text="Haptic Configuration Tool" scramble-on-mount :scramble-amount="1" :fill-interval="35"
+            :replace-interval="40" />
         </p>
       </div>
       <MenubarMenu>
diff --git a/src/components/config/ConfigSection.vue b/src/components/config/ConfigSection.vue
index ff4b2df..c0d9002 100644
--- a/src/components/config/ConfigSection.vue
+++ b/src/components/config/ConfigSection.vue
@@ -39,7 +39,7 @@ defineProps({
     default: 'MISSING_TITLE',
   },
   iconComponent: {
-    type: [String, Object],
+    type: [String, Object, Function],
     default: undefined,
   },
   showToggle: {
diff --git a/src/components/config/ConnectionTypeButton.vue b/src/components/config/ConnectionTypeButton.vue
index f4c7c5d..69dbbde 100644
--- a/src/components/config/ConnectionTypeButton.vue
+++ b/src/components/config/ConnectionTypeButton.vue
@@ -23,7 +23,7 @@ defineProps({
     default: '',
   },
   icon: {
-    type: String,
+    type: [String, Object, Function],
     default: '',
   },
   selected: {
diff --git a/src/components/config/pages/ProfileConfig.vue b/src/components/config/pages/ProfileConfig.vue
index 6d027ae..03abefd 100644
--- a/src/components/config/pages/ProfileConfig.vue
+++ b/src/components/config/pages/ProfileConfig.vue
@@ -24,7 +24,7 @@
           maxlength="50" />
         <Label for="textarea" class="text-muted-foreground text-right mt-1 text-xs">24/50</Label>
         <div class="flex items-center space-x-4 space-y-1">
-          <Switch id="airplane-mode" default-checked="true" />
+          <Switch id="airplane-mode" :default-checked="true" />
           <Label
             for="airplane-mode"
             class="text-xs text-muted-foreground">{{
diff --git a/src/components/profile/ProfileManager.vue b/src/components/profile/ProfileManager.vue
index 0697878..e1bd687 100644
--- a/src/components/profile/ProfileManager.vue
+++ b/src/components/profile/ProfileManager.vue
@@ -32,7 +32,7 @@
       <div v-if="filteredProfiles.length === 0">
         <div class="flex flex-col items-center justify-center h-32">
           <ScrambleText
-            scramble-on-mount fill-interval="5" class="text-sm text-muted-foreground"
+            scramble-on-mount :fill-interval="5" class="text-sm text-muted-foreground"
             :text="$t('profiles.not_found')" />
         </div>
       </div>