fix: update padding for tag select option

Author: AbhishekA1509

src/Shared/Components/Plugin/PluginCard.tsx

@@ -26,7 +26,7 @@ const PluginCard = ({
 
     return (
         <div
-            className={`p-12 flexbox dc__gap-16 dc__tab-focus plugin-card dc__visible-hover dc__visible-hover--parent ${showCardBorder ? 'dc__border br-4 dc__hover-n50' : 'dc__border-transparent dc__hover-border-n1'}`}
+            className={`p-12 flexbox dc__gap-16 dc__tab-focus plugin-card dc__visible-hover dc__visible-hover--parent br-4 ${showCardBorder ? 'dc__border dc__hover-n50' : 'dc__border-transparent dc__hover-border-n1'}`}
             role="button"
             tabIndex={0}
             onClick={handleSelection}

src/Shared/Components/Plugin/utils.tsx

@@ -89,7 +89,7 @@ export const pluginTagSelectStyles = {
     option: (base, state) => ({
         ...base,
         height: '36px',
-        padding: '8px 12px',
+        padding: '8px 0px',
         backgroundColor: state.isFocused ? 'var(--N100)' : 'white',
         color: 'var(--N900)',
         cursor: 'pointer',