From 28ebbbfc038c1461389102c70a4f62f1ae86e529 Mon Sep 17 00:00:00 2001
From: Robert <rfultz@fec.gov>
Date: Tue, 14 Jul 2026 11:53:14 -0400
Subject: [PATCH] Adjust css to avoid layout shift and balance columns

---
 fec/fec/static/scss/components/_mega-menu.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/fec/fec/static/scss/components/_mega-menu.scss b/fec/fec/static/scss/components/_mega-menu.scss
index 7b97ff621..d08e3569c 100644
--- a/fec/fec/static/scss/components/_mega-menu.scss
+++ b/fec/fec/static/scss/components/_mega-menu.scss
@@ -4,7 +4,7 @@
 //
 .mega-container {
   a:not(.mega__page-link, .button) {
-    border-bottom: none;
+    border-bottom: 1px dotted #fff0; // Add a clear border to avoid layout shift when hovering
 
     &:hover {
       border-bottom: 1px dotted $inverse;
@@ -13,6 +13,7 @@
 
   ul {
     margin-left: 0;
+    position: relative;
   }
 }
 
@@ -88,7 +89,6 @@
 
 .mega__item {
   break-inside: avoid;
-  float: left;
   line-height: 1.2;
   margin-bottom: u(1.5rem);
   position: relative;