diff --git a/module/program/css/index.css b/module/program/css/index.css
index c7345a84e4..495e65be45 100644
--- a/module/program/css/index.css
+++ b/module/program/css/index.css
@@ -7,14 +7,14 @@
 #cards > .col {width: 25%;}
 #cards .panel {margin: 10px 0; border: 1px solid #DCDCDC; border-radius: 2px; box-shadow: none; height: 146px; cursor: pointer;}
 #cards .panel:hover {border-color: #006AF1; box-shadow: 0 0 10px 0 rgba(0,0,100,.25);}
-#cards .panel-heading {padding: 12px 40px 10px 16px;}
+#cards .panel-heading {padding: 12px 24px 10px 16px;}
 #cards .panel-body {padding: 0 16px 16px;}
 #cards .panel-actions {padding: 7px 0;}
 #cards .panel-actions .dropdown-menu > li > a {padding-left: 5px; text-align: left;}
 #cards .panel-actions .dropdown-menu > li > a > i {opacity: .5; display: inline-block; margin-right: 4px; width: 18px; text-align: center;}
 #cards .panel-actions .dropdown-menu > li > a:hover > i {opacity: 1;}
-#cards .project-type-label {padding: 1px 2px; position: relative; top: -2px}
-#cards .project-name {font-size: 16px; font-weight: normal;}
+#cards .project-type-label {padding: 1px 2px;}
+#cards .project-name {font-size: 16px; font-weight: normal; display: inline-block; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}
 #cards .project-infos {font-size: 12px;}
 #cards .project-infos > span {display: inline-block; line-height: 12px;}
 #cards .project-infos > span > .icon {font-size: 12px; display: inline-block; position: relative; top: -1px}