diff --git a/app/assets/stylesheets/common/base/user-badges.scss b/app/assets/stylesheets/common/base/user-badges.scss
index 48ab3d85fd6..025327e8139 100644
--- a/app/assets/stylesheets/common/base/user-badges.scss
+++ b/app/assets/stylesheets/common/base/user-badges.scss
@@ -124,8 +124,10 @@ table.badges-listing {
 }
 
 .show-badge .user-badge-with-posts .badge-user {
-  width: 400px;
-
+  width: 45%;
+  padding: 0 0 0 4%;
+  margin-bottom: 20px;
+  
   .badge-info {
     width: 100px;
     display: block;
@@ -136,7 +138,6 @@ table.badges-listing {
     width: 250px;
     display: block;
     float: left;
-    margin-top: 67px;
     margin-left: 18px;
     text-align: left;
   }
diff --git a/app/assets/stylesheets/common/foundation/mixins.scss b/app/assets/stylesheets/common/foundation/mixins.scss
index 11e47c82776..8fa2a8c6cb7 100644
--- a/app/assets/stylesheets/common/foundation/mixins.scss
+++ b/app/assets/stylesheets/common/foundation/mixins.scss
@@ -13,7 +13,7 @@
 }
 
 @mixin medium-width {
-  @media screen and (min-width: 967px) and (max-width: 1139px) {
+  @media screen and (min-width: 1000px) and (max-width: 1139px) {
     @content;
   }
 }