refactor: minor ui improvements

packages/hoppscotch-app/components/smart/EnvInput.vue

@@ -484,7 +484,6 @@ export default defineComponent({
 [contenteditable] {
   @apply select-text;
   @apply text-secondaryDark;
-  @apply font-medium;
 
   &:empty {
     @apply leading-loose;

packages/hoppscotch-app/components/smart/Intersection.vue

@@ -3,6 +3,7 @@
     <slot></slot>
   </div>
 </template>
+
 <script lang="ts">
 /*
   Implements a wrapper listening to viewport intersections via

packages/hoppscotch-app/components/smart/Item.vue

@@ -50,10 +50,7 @@
       <div class="font-semibold truncate">
         {{ label }}
       </div>
-      <p
-        v-if="description"
-        class="font-medium my-2 text-left text-secondaryLight"
-      >
+      <p v-if="description" class="my-2 text-left text-secondaryLight">
         {{ description }}
       </p>
     </div>
@@ -64,7 +61,7 @@
     >
       {{ infoIcon }}
     </i>
-    <div v-if="shortcut.length" class="ml-2 <sm:hidden">
+    <div v-if="shortcut.length" class="ml-2 <sm:hidden font-medium">
       <kbd
         v-for="(key, index) in shortcut"
         :key="`key-${index}`"