diff --git a/apps/client/src/app/components/footer/footer.component.html b/apps/client/src/app/components/footer/footer.component.html
index 6dc44f35ee..6028b5ea16 100644
--- a/apps/client/src/app/components/footer/footer.component.html
+++ b/apps/client/src/app/components/footer/footer.component.html
@@ -191,7 +191,7 @@
   </div>
 </div>
 <div class="container d-none d-md-block mt-5">
-  <div class="row justify-content-center">
+  <div class="d-flex justify-content-center">
     <div class="font-weight-bold line-height-1 logotype">Ghostfolio</div>
   </div>
 </div>
diff --git a/apps/client/src/app/pages/landing/landing-page.html b/apps/client/src/app/pages/landing/landing-page.html
index bdd5f422f6..9764384a2a 100644
--- a/apps/client/src/app/pages/landing/landing-page.html
+++ b/apps/client/src/app/pages/landing/landing-page.html
@@ -360,21 +360,19 @@
 </div>
 
 <div class="container">
-  <div class="d-block row">
+  <div class="d-block">
     <div class="outro-inner-container mx-auto">
       <div class="h-100 w-100"></div>
     </div>
   </div>
-  <div class="row mb-4">
-    <div
-      class="align-items-center d-flex flex-column justify-content-center w-100"
-    >
+  <div class="d-flex justify-content-center mb-4">
+    <div class="align-items-center d-flex flex-column justify-content-center">
       <gf-logo size="medium" />
       <div>Wealth Management Software</div>
     </div>
   </div>
-  <div class="row">
-    <div class="align-items-center d-flex flex-column w-100">
+  <div class="d-flex justify-content-center">
+    <div class="align-items-center d-flex flex-column">
       <a
         class="logo logo-agplv3 mask"
         href="https://www.gnu.org/licenses/agpl-3.0.html"
diff --git a/apps/client/src/app/pages/register/register-page.html b/apps/client/src/app/pages/register/register-page.html
index c620635370..bca154c1a8 100644
--- a/apps/client/src/app/pages/register/register-page.html
+++ b/apps/client/src/app/pages/register/register-page.html
@@ -5,10 +5,8 @@
 </div>
 
 <div class="container">
-  <div class="row">
-    <div
-      class="align-items-center d-flex flex-column justify-content-center w-100"
-    >
+  <div class="d-flex justify-content-center">
+    <div class="align-items-center d-flex flex-column justify-content-center">
       <gf-logo size="large" />
       <p class="lead m-0">Wealth Management Software</p>
     </div>
diff --git a/apps/client/src/styles/bootstrap.scss b/apps/client/src/styles/bootstrap.scss
index 29c9f4f879..72487358ab 100644
--- a/apps/client/src/styles/bootstrap.scss
+++ b/apps/client/src/styles/bootstrap.scss
@@ -162,12 +162,6 @@ $utilities: map.merge(
   --bs-gutter-y: 0;
 }
 
-// Preserve BS4 flex behavior for non-col direct children of rows
-.row.flex-nowrap > :not([class*='col']) {
-  flex-shrink: 1;
-  width: auto;
-}
-
 // Maintain 1140px container max-width at >=1400px (avoiding BS5 1320px stretch)
 @media (min-width: 1400px) {
   .container-xxl,