diff --git a/index.html b/index.html
index 70eb1cea..ba11eb4a 100644
--- a/index.html
+++ b/index.html
@@ -81,7 +81,7 @@ <h3 class="mb-2 masthead-brand">
           <div class="col-3 col-lg-4 h-50 d-none d-lg-block" id="filterRow"></div>
 
           <!-- Right hand side -->
-          <div class="col-9 col-xs-12 col-sm-12 col-md-9 col-lg-8">
+          <div class=" col-9 col-xs-12 col-sm-12 col-md-9 col-lg-8 sm:p-2 md:p-4 lg:p-8">
               <div class="row h-100 justify-content-center" id="mainRow">
                 <!-- Scrollable content -->
                 <div class="list-group">
diff --git a/styles/cover.css b/styles/cover.css
index bbe42cc4..1195199e 100644
--- a/styles/cover.css
+++ b/styles/cover.css
@@ -262,4 +262,8 @@ button.close {
   }
 }
 
-.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}
+
+
+
+
+.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}
\ No newline at end of file