fix: giphy icon spacing

Author: isekovanic

package/src/components/MessageInput/MessageInputLeadingView.tsx

@@ -35,7 +35,7 @@ export const MessageInputLeadingView = () => {
 
 const styles = StyleSheet.create({
   giphyContainer: {
-    padding: primitives.spacingXs,
+    padding: primitives.spacingSm,
     alignSelf: 'flex-end',
   },
 });

package/src/components/ui/GiphyChip.tsx

@@ -54,8 +54,9 @@ const useStyles = () => {
           borderRadius: primitives.radiusMax,
           flexDirection: 'row',
           paddingHorizontal: primitives.spacingXs,
-          paddingVertical: primitives.spacingXxs,
+          paddingVertical: primitives.spacingXxxs,
           gap: primitives.spacingXxs,
+          height: 24,
         },
         text: {
           color: semantics.textInverse,