Changing the functionality of a button?

Hello everyone

I have a website which uses 2 languages, English and a RTL language and runs on Drupal.
When I create a content page, fill it with text, select a paragraph and click the "align to the right" button, the paragraph is surrounded with the following code:
<p dir="RTL" style="margin-left: -45pt; text-align: right; ">
text
</p>

In the preview section it looks like the paragraph is indeed aligned to the right, however when I publish the page the paragraph is aligned to the left.
When manually surrounding my text with:
<p align="right">
text
</p>
the problem is solved. Is there maybe a way for me to change the functionary of the "align to right" button so that instead of surrounding the text with the first tag it will surround it with the second?

Many thanks