diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index 0643b03ed261e864de49c0bf9a6b2b78afa5a6a5..93aa61f8049e5beda165385e0597054b35e58d81 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -569,18 +569,28 @@ pre.light-well {
  * Forks list rendered on Project's forks page
  */
 
+.forks-top-block {
+  padding: 16px 0;
+}
+
 .projects-search-form {
   &.fork-search-form {
     margin: 0;
     margin-top: -$gl-padding;
     padding-bottom: 0;
-    width: 540px;
 
     input {
-      width: calc(100% - 300px);
+      /* Small devices (tablets, 768px and up) */
+      @media (min-width: $screen-sm-min) { width: 180px; }
+
+      /* Medium devices (desktops, 992px and up) */
+      @media (min-width: $screen-md-min) { width: 350px; }
+
+      /* Large devices (large desktops, 1200px and up) */
+      @media (min-width: $screen-lg-min) { width: 400px; }
     }
 
-    button.sort-forks {
+    .sort-forks {
       width: 160px;
     }
 
@@ -596,10 +606,11 @@ pre.light-well {
 }
 
 .private-forks-notice .private-fork-icon {
-  i.fa-circle {
+  i:nth-child(1) {
     color: #2AA056;
   }
-  i.fa-lock {
+
+  i:nth-child(2) {
     color: #FFFFFF;
   }
 }
diff --git a/app/views/projects/forks/index.html.haml b/app/views/projects/forks/index.html.haml
index a5ca641558e756a41cbfca48b4c095d4c994b79b..a362185210a6cc4bd03c663b926c0dac903932a9 100644
--- a/app/views/projects/forks/index.html.haml
+++ b/app/views/projects/forks/index.html.haml
@@ -1,4 +1,4 @@
-.gray-content-block.top-block.clearfix.white
+.gray-content-block.top-block.clearfix.white.forks-top-block
   .pull-left
     - public_count = @public_forks.size
     - protected_count = @protected_forks.size