diff --git a/static/css/gitlab-widgets/gitlab-widgets.css b/static/css/gitlab-widgets/gitlab-widgets.css
index 6adcfa6a2677658d99d322a009b473f867257bc7..d9386e118a7fec1bebae108db9be92535a488f20 100644
--- a/static/css/gitlab-widgets/gitlab-widgets.css
+++ b/static/css/gitlab-widgets/gitlab-widgets.css
@@ -6,12 +6,6 @@
   background-color: #gray;
 }
 
-.release-name {
-  font-size: 36px !important;
-  text-align: center;
-  background-color: #gray;
-}
-
 .project-header {
   font-size: 32px !important;
   text-align: center;
@@ -30,8 +24,11 @@
   font-weight: bold;
 }
 
-.footer-element .label {
-  font-weight: bold;
+.borderedWidget {
+  border-color: #333333;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 25px;
 }
 
 #overview-release-list span {
@@ -88,13 +85,30 @@
   padding-top: 1em;
 }
 
+/*
+@media (max-width: 1200px) {
+  .gitlab-overview-footer .footer-element {
+    font-size: 0.8em;
+  }
+
+  .gitlab-overview-footer .footer-element span {
+    display: block;
+  }
+}
+*/
+
 .gitlab-overview-footer .footer-element {
-  padding-left: 2em;
-  padding-right: 2em;
+  display: inline-block;
+  width: 100%;
+  padding-left: 1em;
+  padding-right: 1em;
 }
 
 .gitlab-overview-footer .footer-element span {
-  padding: 1em;
+  padding: 0.2em;
+  text-align: center;
+  width: 100%;
+  display: block;
 }
 
 .gitlab-overview-footer #commits {
@@ -103,10 +117,22 @@
 
 .gitlab-overview-footer #issues {
   text-align: center;
+  padding-top: 0;
+  display: flex;
+}
+
+.gitlab-overview-footer #issues span {
+  display: inline;
 }
 
 .gitlab-overview-footer #merge-requests {
   text-align: center;
+  padding-top: 0;
+  display: flex;
+}
+
+.gitlab-overview-footer #merge-requests span {
+  display: inline;
 }
 
 .gitlab-overview-footer #stars {
@@ -118,34 +144,10 @@
 }
 
 .red {
-  color: red !important;
+  color: red;
 }
 
 /* Gitlab single version css */
 .gitlab-single-version-overview {
 
 }
-
-.gitlab-milestone-progress {
-  width: 90%;
-  margin: auto;
-}
-
-.gitlab-milestone-progress .percentage-column {
-  width: 100%;
-}
-
-.gitlab-milestone-progress progress {
-  width: 100%;
-  margin: 0 0;
-}
-
-.gitlab-single-version-overview a {
-  width: 100%;
-  text-align: center;
-}
-
-.gitlab-single-version-entry {
-  width: auto;
-  margin: 0 0;
-}
diff --git a/static/javascripts/gitlab-widgets/gitlab-widgets.js b/static/javascripts/gitlab-widgets/gitlab-widgets.js
index 939648f2d9a8adabad9f7a98264821e6ec0e7eec..8fdcbb0fa1661a15987d1aab6d6a966438f248c0 100644
--- a/static/javascripts/gitlab-widgets/gitlab-widgets.js
+++ b/static/javascripts/gitlab-widgets/gitlab-widgets.js
@@ -33,6 +33,7 @@ function initializeOverviewWidget(widget) {
     var releaseList = overviewWidget.find(".gitlab-overview-release-list")
     var progressList = overviewWidget.find(".gitlab-progress-list")
     var proxy = overviewWidget.find("#proxy")
+    var border = overviewWidget.find("#border")
     var projectId = gitlabWidgets.getGitlabServerProjectID(overviewWidget, 0)
     var displayCount = gitlabWidgets.getDisplayCount(overviewWidget)
 
@@ -40,6 +41,11 @@ function initializeOverviewWidget(widget) {
         projectName.text(data['path_with_namespace'])
     });
 
+    if(border.val() == "true") {
+        console.log("truth check passed")
+        overviewWidget.addClass("borderedWidget")
+    }
+
     gitlabWidgets.apiCall(gitlabWidgets.buildProjectURL(overviewWidget, 0) + gitlabWidgets.ENDPOINTS.P.MILESTONES, proxy, (data) => {
 
         var displayedData = null