diff --git a/core/client/components/collection/KTable.vue b/core/client/components/collection/KTable.vue
index 4792a7b28..f7548575f 100644
--- a/core/client/components/collection/KTable.vue
+++ b/core/client/components/collection/KTable.vue
@@ -203,7 +203,7 @@ function onRequest (props) {
   const geoJson = (_.get(items.value, '[0].type') === 'Feature')
   currentPage.value = page
   if (pagination.value.descending !== descending || pagination.value.sortBy !== sortBy) {
-    sortBy === null? tableQuery.value.$sort = { _id: 1 } : tableQuery.value.$sort = { [geoJson ? `properties.${sortBy}` : sortBy]: (descending ? -1 : 1) }
+    sortBy === null ? tableQuery.value.$sort = { _id: 1 } : tableQuery.value.$sort = { [geoJson ? `properties.${sortBy}` : sortBy]: (descending ? -1 : 1) }
     options.filterQuery.value = Object.assign({}, props.filterQuery, tableQuery.value)
   } else {
     refreshCollection()
@@ -263,4 +263,4 @@ defineExpose({
   refreshCollection,
   resetCollection
 })
-</script>
\ No newline at end of file
+</script>
diff --git a/core/client/components/media/KRibbon.vue b/core/client/components/media/KRibbon.vue
index c3a6a96a8..52ff04fe9 100644
--- a/core/client/components/media/KRibbon.vue
+++ b/core/client/components/media/KRibbon.vue
@@ -5,7 +5,6 @@
 </template>
 
 <script setup>
-import _ from 'lodash'
 import { computed } from 'vue'
 import { getHtmlColor } from '../../utils/utils.colors.js'
 const width = 500
@@ -56,8 +55,8 @@ const computedTextColor = computed(() => {
 })
 const translation = computed(() => {
   if (props.position === 'top-left') return `${props.offset - (width / 2)}px, ${props.offset - (props.size / 2)}px`
-  if (props.position === 'top-right') return `${(width / 2) - props.offset }px, ${props.offset - (props.size / 2)}px`
-  if (props.position === 'bottom-right') return `${(width / 2) - props.offset }px, ${(props.size / 2) - props.offset}px`
+  if (props.position === 'top-right') return `${(width / 2) - props.offset}px, ${props.offset - (props.size / 2)}px`
+  if (props.position === 'bottom-right') return `${(width / 2) - props.offset}px, ${(props.size / 2) - props.offset}px`
   if (props.position === 'bottom-left') return `${props.offset - (width / 2)}px, ${(props.size / 2) - props.offset}px`
 })
 const rotation = computed(() => {
@@ -73,7 +72,7 @@ const rotation = computed(() => {
   display: flex;
   justify-content: center;
   align-items: center;
-  transform: translate(v-bind(translation)) rotate(v-bind(rotation)); 
+  transform: translate(v-bind(translation)) rotate(v-bind(rotation));
   background-color: v-bind(computedColor);
   color: v-bind(computedTextColor);
 }