diff --git a/src/renderer/components/BaseIcon.vue b/src/renderer/components/BaseIcon.vue
index 1f4b7730..05219104 100644
--- a/src/renderer/components/BaseIcon.vue
+++ b/src/renderer/components/BaseIcon.vue
@@ -31,7 +31,7 @@ const props = defineProps({
       default: () => null
    },
    rotate: {
-      type: String,
+      type: Number,
       default: () => null
    }
 });
diff --git a/src/renderer/components/ModalProcessesListContext.vue b/src/renderer/components/ModalProcessesListContext.vue
index ce4865a8..e9b95ff9 100644
--- a/src/renderer/components/ModalProcessesListContext.vue
+++ b/src/renderer/components/ModalProcessesListContext.vue
@@ -23,7 +23,7 @@
                <span class="d-flex">
                   <BaseIcon
                      icon-name="mdiNumeric0"
-                     rotate="90deg"
+                     :rotate="90"
                      class="text-light mt-1 mr-1"
                      :size="18"
                   /> {{ t('database.cell', 1) }}
diff --git a/src/renderer/components/WorkspaceTabNewTable.vue b/src/renderer/components/WorkspaceTabNewTable.vue
index 2ec0e2dd..9449f833 100644
--- a/src/renderer/components/WorkspaceTabNewTable.vue
+++ b/src/renderer/components/WorkspaceTabNewTable.vue
@@ -54,7 +54,7 @@
                   <BaseIcon
                      class="mr-1"
                      icon-name="mdiKey"
-                     rotate="45deg"
+                     :rotate="45"
                      :size="24"
                   />
                   <span>{{ t('database.indexes') }}</span>
diff --git a/src/renderer/components/WorkspaceTabPropsTable.vue b/src/renderer/components/WorkspaceTabPropsTable.vue
index 73cb6b2e..fe031eea 100644
--- a/src/renderer/components/WorkspaceTabPropsTable.vue
+++ b/src/renderer/components/WorkspaceTabPropsTable.vue
@@ -54,7 +54,7 @@
                   <BaseIcon
                      class="mr-1"
                      icon-name="mdiKey"
-                     rotate="45deg"
+                     :rotate="45"
                      :size="24"
                   />
                   <span>{{ t('database.indexes') }}</span>
diff --git a/src/renderer/components/WorkspaceTabPropsTableContext.vue b/src/renderer/components/WorkspaceTabPropsTableContext.vue
index eec06ea7..e4aa2c71 100644
--- a/src/renderer/components/WorkspaceTabPropsTableContext.vue
+++ b/src/renderer/components/WorkspaceTabPropsTableContext.vue
@@ -28,7 +28,7 @@
                      class="column-key pr-1 mt-1 mr-1"
                      :class="`key-${index}`"
                      icon-name="mdiKey"
-                     rotate="45deg"
+                     :rotate="45"
                      :size="20"
                   /> {{ index }}</span>
             </div>
@@ -59,7 +59,7 @@
                      class="column-key pr-1 mt-1 mr-1"
                      :class="`key-${index.type}`"
                      icon-name="mdiKey"
-                     rotate="45deg"
+                     :rotate="45"
                      :size="20"
                   /> {{ index.name }}</span>
             </div>
diff --git a/src/renderer/components/WorkspaceTabPropsTableIndexesModal.vue b/src/renderer/components/WorkspaceTabPropsTableIndexesModal.vue
index 78dc6336..4f9e49c9 100644
--- a/src/renderer/components/WorkspaceTabPropsTableIndexesModal.vue
+++ b/src/renderer/components/WorkspaceTabPropsTableIndexesModal.vue
@@ -11,7 +11,7 @@
             <BaseIcon
                class="mr-1"
                icon-name="mdiKey"
-               rotate="45deg"
+               :rotate="45"
                :size="24"
             />
             <span class="cut-text">{{ t('database.indexes') }} "{{ table }}"</span>
diff --git a/src/renderer/components/WorkspaceTabPropsTableRow.vue b/src/renderer/components/WorkspaceTabPropsTableRow.vue
index e969d343..07455797 100644
--- a/src/renderer/components/WorkspaceTabPropsTableRow.vue
+++ b/src/renderer/components/WorkspaceTabPropsTableRow.vue
@@ -21,7 +21,7 @@
             >
                <BaseIcon
                   icon-name="mdiKey"
-                  rotate="45deg"
+                  :rotate="45"
                   :size="14"
                   class="d-inline-block column-key c-help"
                   :class="`key-${index.type}`"
diff --git a/src/renderer/components/WorkspaceTabQuery.vue b/src/renderer/components/WorkspaceTabQuery.vue
index 04f868df..6772d214 100644
--- a/src/renderer/components/WorkspaceTabQuery.vue
+++ b/src/renderer/components/WorkspaceTabQuery.vue
@@ -171,7 +171,7 @@
                   <BaseIcon
                      class="mr-1 mt-1"
                      icon-name="mdiTimerSand"
-                     rotate="180deg"
+                     :rotate="180"
                      :size="16"
                   /> <b>{{ durationsCount / 1000 }}s</b>
                </div>
diff --git a/src/renderer/components/WorkspaceTabQueryTable.vue b/src/renderer/components/WorkspaceTabQueryTable.vue
index a6fa6b39..7d4d47e3 100644
--- a/src/renderer/components/WorkspaceTabQueryTable.vue
+++ b/src/renderer/components/WorkspaceTabQueryTable.vue
@@ -48,7 +48,7 @@
                         <div v-if="field.key" :title="keyName(field.key)">
                            <BaseIcon
                               icon-name="mdiKey"
-                              rotate="45deg"
+                              :rotate="45"
                               :size="14"
                               class="column-key c-help mt-1 mr-1"
                               :class="`key-${field.key}`"
diff --git a/src/renderer/components/WorkspaceTabQueryTableContext.vue b/src/renderer/components/WorkspaceTabQueryTableContext.vue
index aebebc82..69678ac8 100644
--- a/src/renderer/components/WorkspaceTabQueryTableContext.vue
+++ b/src/renderer/components/WorkspaceTabQueryTableContext.vue
@@ -25,7 +25,7 @@
                   <BaseIcon
                      icon-name="mdiNumeric0"
                      class="mr-1 mt-1 text-light"
-                     rotate="90deg"
+                     :rotate="90"
                      :size="18"
                   /> {{ t('database.cell', 1) }}
                </span>
diff --git a/src/renderer/components/WorkspaceTabTable.vue b/src/renderer/components/WorkspaceTabTable.vue
index dbada82b..939d5236 100644
--- a/src/renderer/components/WorkspaceTabTable.vue
+++ b/src/renderer/components/WorkspaceTabTable.vue
@@ -155,7 +155,7 @@
                   <BaseIcon
                      class="mr-1 mt-1"
                      icon-name="mdiTimerSand"
-                     rotate="180deg"
+                     :rotate="180"
                      :size="16"
                   /> <b>{{ results[0].duration / 1000 }}s</b>
                </div>
diff --git a/src/renderer/untyped.d.ts b/src/renderer/untyped.d.ts
index 2d0ca0c9..4a487c58 100644
--- a/src/renderer/untyped.d.ts
+++ b/src/renderer/untyped.d.ts
@@ -80,7 +80,7 @@ declare module 'vuedraggable' {// <- to export as default
    export = draggableComponent;
 }
 
-declare let SvgIcon: import('vue').DefineComponent<{
+declare const SvgIcon: import('vue').DefineComponent<{
     type: {
       type: StringConstructor;
       default: string;
@@ -102,7 +102,7 @@ declare let SvgIcon: import('vue').DefineComponent<{
       optional: boolean;
     };
     rotate: {
-      type: StringConstructor;
+      type: NumberConstructor;
       optional: boolean;
     };
   }>;