diff --git a/frontend/src/app/shared/community-agreement/community-agreement.widget.css b/frontend/src/app/shared/community-agreement/community-agreement.widget.css
index 6013d3e8d..5d78ae512 100644
--- a/frontend/src/app/shared/community-agreement/community-agreement.widget.css
+++ b/frontend/src/app/shared/community-agreement/community-agreement.widget.css
@@ -3,18 +3,18 @@
   max-height: 90vh; 
   overflow: auto; 
   scroll-behavior: auto; 
+  padding-bottom: env(safe-area-inset-bottom);
 }
+
 ::-webkit-scrollbar {
   width: 5px;
 }
 
-/* Handle */
 ::-webkit-scrollbar-thumb {
   background: #888;
   border-radius: 10px;
 }
 
-/* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
   background: #555;
 }
diff --git a/frontend/src/app/shared/community-agreement/community-agreement.widget.html b/frontend/src/app/shared/community-agreement/community-agreement.widget.html
index 61eec6a62..54c8a13c4 100644
--- a/frontend/src/app/shared/community-agreement/community-agreement.widget.html
+++ b/frontend/src/app/shared/community-agreement/community-agreement.widget.html
@@ -275,6 +275,7 @@ <h3>
         color: white;
         margin-left: 8px;
         margin-top: 12px;
+        margin-bottom: 30px;
       "
       (click)="onButtonClick()">
       {{ has_user_agreed ? 'Close' : 'Accept' }}