How to display Arabic company name next to logo in the header?

There two tags are missing div style="display and img t-att-src=

snippet:

<template id="custom_header_with_company_name" inherit_id="web.external_layout">
    <xpath expr="//div[@class='header']" position="inside">
        <div style="display: flex; align-items: center; justify-content: space-between;">
            <img t-att-src="doc.company_id.logo" style="max-height: 50px; margin-right: 10px;"/>
            <div style="text-align: right; font-size: 16px; font-weight: bold; direction: rtl;">
                شركة روزنبرج إيجيبت
            </div>
        </div>
    </xpath>
</template>