Moving social icons to the right side?

Hello, thanks for the amazing theme :)

Is this the best solution to move the social icons to the right side at the top of the page and reverse their order in my WordPress theme?

Here’s my page https://qattaj.com

This is the work around I want to do with the css file:
#ishyoboy-social-widget-5
{
width: 100%;
}
.onepcssgrid-1200
{
width: 100% !important;
}
.header-widgets
{
direction: rtl;
text-align: right;
}
.social
{
width: 100% !important;
}

I tried it and it works, but do you think this is the best approach?

Editing the html will make me lose all modifications once I update the theme to a future version. I’m using a child theme with css inside to keep my modifications if the theme is updated in the future. Correct me if I’m wrong please.