feat: align comments icon, so it is at the left of the view box

decentraland · Sep 27, 2023 · 6ecf7b0 · 6ecf7b0
1 parent a46cd56
commit 6ecf7b0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/FloatingBar/FloatingBar.css b/src/components/FloatingBar/FloatingBar.css
@@ -34,14 +34,15 @@
   line-height: 24px;
   font-weight: var(--weight-semi-bold);
   text-transform: uppercase;
-  gap: 5px;
+  gap: 2px;
   display: flex;
   align-items: center;
 }
 
 .FloatingBar__ReactionsImg {
   height: 24px;
   width: 36px;
+  margin-left: 3px;
 }
 
 .FloatingBar__JoinDiscussion {

diff --git a/src/components/Icon/Forum.tsx b/src/components/Icon/Forum.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 
 function Forum({ size = 24, color = 'var(--black-800)' }: { size?: number; color?: string }) {
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} fill="none" viewBox="0 0 24 24">
+    <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} fill="none" viewBox="2 0 24 24">
       <path
         fill={color}
         fillRule="evenodd"