diff --git a/web/src/components/RuleViolationAlertModal/RuleViolationAlertModal.module.scss b/web/src/components/RuleViolationAlertModal/RuleViolationAlertModal.module.scss
index c3837ded0..c21c53276 100644
--- a/web/src/components/RuleViolationAlertModal/RuleViolationAlertModal.module.scss
+++ b/web/src/components/RuleViolationAlertModal/RuleViolationAlertModal.module.scss
@@ -17,4 +17,6 @@
   background: var(--primary-bg) !important;
   width: fit-content !important;
   height: 36px !important;
+  overflow: hidden !important;
+  line-height: 36px !important;
 }
diff --git a/web/src/components/RuleViolationAlertModal/RuleViolationAlertModal.tsx b/web/src/components/RuleViolationAlertModal/RuleViolationAlertModal.tsx
index d9ed981ff..cd7cc8a33 100644
--- a/web/src/components/RuleViolationAlertModal/RuleViolationAlertModal.tsx
+++ b/web/src/components/RuleViolationAlertModal/RuleViolationAlertModal.tsx
@@ -38,7 +38,7 @@ const RuleViolationAlertModal = (props: ViolationAlertModalProps) => {
           {rules?.map((rule, idx) => {
             return (
               <Container key={`violation-${idx}`} flex={{ alignItems: 'center' }} className={css.ruleContainer}>
-                <Text padding="small" className={css.ruleText}>
+                <Text padding="small" lineClamp={1} className={css.ruleText}>
                   {rule.violation}
                 </Text>
               </Container>
diff --git a/web/src/pages/RepositoriesListing/RepositoriesListing.module.scss b/web/src/pages/RepositoriesListing/RepositoriesListing.module.scss
index 5ddf7c12c..1ac4e3489 100644
--- a/web/src/pages/RepositoriesListing/RepositoriesListing.module.scss
+++ b/web/src/pages/RepositoriesListing/RepositoriesListing.module.scss
@@ -141,8 +141,9 @@
   background-color: var(--grey-0) !important;
   border-left: 1px solid var(--grey-200) !important;
   position: sticky;
-  bottom: 0;
-
+  top: 0;
+  height: 100vh;
+  overflow-y: auto;
   .featureText {
     font-size: 13px !important;
     font-weight: 600 !important;