diff --git a/client/src/components/layouts/rtl-layout.css b/client/src/components/layouts/rtl-layout.css
index deb01acd931..dbcd21c437c 100644
--- a/client/src/components/layouts/rtl-layout.css
+++ b/client/src/components/layouts/rtl-layout.css
@@ -6,6 +6,14 @@ Increase the spacing in paragraphs
   line-height: 2rem;
 }
 
+/* 
+Profile section
+*/
+
+[dir='rtl'] #profile-portfolio-image {
+  padding-left: 10px;
+}
+
 /* 
 Intro project buttons and headings 
 */
diff --git a/client/src/components/profile/components/portfolio.tsx b/client/src/components/profile/components/portfolio.tsx
index 4e361dcadfa..4c11899925d 100644
--- a/client/src/components/profile/components/portfolio.tsx
+++ b/client/src/components/profile/components/portfolio.tsx
@@ -21,7 +21,7 @@ function Portfolio({ portfolio = [] }: PortfolioProps): JSX.Element | null {
       <h2 className='text-center'>{t('profile.portfolio')}</h2>
       {portfolio.map(({ title, url, image, description, id }) => (
         <Media key={id}>
-          <Media.Left align='middle'>
+          <Media.Left id='profile-portfolio-image' align='middle'>
             {image && (
               <img
                 alt={t('profile.screen-shot', { title: title })}