room-history: Fix Pill content alignment in RTL

data/resources/style.css

@@ -145,7 +145,6 @@ scrolledwindow.card > textview {
 inline-pill {
   border-radius: 9999px;
   background-color: color-mix(in srgb, var(--view-fg-color) 10%, transparent);
-  padding-right: 6px;
   transition-property: outline, outline-width, outline-offset, outline-color;
   transition-duration: 300ms;
   animation-timing-function: ease-in-out;

src/components/pill/mod.ui

@@ -5,6 +5,7 @@
     <child>
       <object class="GtkBox" id="content">
         <property name="spacing">6</property>
+        <property name="margin-end">6</property>
         <child>
           <object class="Avatar" id="avatar">
             <property name="size">24</property>