Use resolves

src/components/spotIcon.vue

@@ -1,6 +1,6 @@
 <script>
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
-import { getIcon } from '../scripts/icons.js';
+import { getIcon } from '@scripts/icons';
 
 export default {
 	components: {
@@ -55,3 +55,17 @@ export default {
 	</span>
 	<FontAwesomeIcon v-else :icon="iconDefinition" :class="classNames" :fixed-width="resolvedFixedWidth" :width-auto="resolvedAutoWidth" :size="resolvedSize" :transform="resolvedTransform" />
 </template>
+
+<style lang="scss" scoped>
+@use "@styles/var";
+
+.spot-icon {
+	&.margin-right {
+		margin-right: var.$elem-spacing;
+	}
+
+	&.margin-left {
+		margin-left: var.$elem-spacing;
+	}
+}
+</style>