diff --git a/IsraelHiking.Web/src/application/components/sidebar/info-sidebar.component.html b/IsraelHiking.Web/src/application/components/sidebar/info-sidebar.component.html
index dcd19e338..967daa379 100644
--- a/IsraelHiking.Web/src/application/components/sidebar/info-sidebar.component.html
+++ b/IsraelHiking.Web/src/application/components/sidebar/info-sidebar.component.html
@@ -2,77 +2,79 @@
     <mat-tab-group [selectedIndex]="selectedTabIndex" (selectedIndexChange)="selectedTabChanged($event)" [dynamicHeight]="'true'">
         <mat-tab label="{{resources.about}}">
             <mat-card appearance="outlined">
-                <p><span [innerHtml]="resources.infoSubheader"></span></p>
-                <div *ngIf="!isApp()" class="flex flex-row justify-center items-center">
-                    <a href="https://play.google.com/store/apps/details?id=il.org.osm.israelhiking&hl=en" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Download from google play store">
-                        <img src="content/google-play-badge.png" width="200" />
-                    </a>
-                </div>
-                <div *ngIf="!isApp()" class="flex flex-row justify-center items-center">
-                    <a href="https://apps.apple.com/us/app/israel-hiking-map/id1451300509" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Download from app store">
-                        <img src="content/app-store-badge.png" width="200" />
-                    </a>
-                </div>
-                <div *ngIf="isMobile()" class="flex flex-row">
-                    <div class="w-1/6 text-center"><i class="fa icon-question-circle-o w-full"></i></div>
-                    <div class="flex-1">{{resources.longPressHint}}</div>
-                </div>
-                <h4>{{resources.infoHelpfulLinks}}</h4>
-                <div class="flex flex-row">
-                    <div class="w-1/6 text-center"><i class="fa icon-facebook w-full"></i></div>
-                    <div class="flex-1">
-                        <a class="w-full link" href="https://www.facebook.com/groups/israelhikingmap/" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Facebook group">{{resources.infoFacebookLink}}</a>
+                <mat-card-content>
+                    <p><span [innerHtml]="resources.infoSubheader"></span></p>
+                    <div *ngIf="!isApp()" class="flex flex-row justify-center items-center">
+                        <a href="https://play.google.com/store/apps/details?id=il.org.osm.israelhiking&hl=en" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Download from google play store">
+                            <img src="content/google-play-badge.png" width="200" />
+                        </a>
                     </div>
-                </div>
-                <mat-divider></mat-divider>
-                <div class="flex flex-row">
-                    <div class="w-1/6 text-center"><i class="fa icon-github w-full"></i></div>
-                    <div class="flex-1">
-                        <a class="w-full link" href="https://www.github.com/IsraelHikingMap" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Github">{{resources.infoGithubLink}}</a>
+                    <div *ngIf="!isApp()" class="flex flex-row justify-center items-center">
+                        <a href="https://apps.apple.com/us/app/israel-hiking-map/id1451300509" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Download from app store">
+                            <img src="content/app-store-badge.png" width="200" />
+                        </a>
                     </div>
-                </div>
-                <mat-divider></mat-divider>
-                <div class="flex flex-row">
-                    <div class="w-1/6 text-center"><i class="fa icon-wikipedia-w w-full"></i></div>
-                    <div class="flex-1">
-                        <a class="w-full link" href="https://wiki.openstreetmap.org/wiki/WikiProject_Israel" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="OSM Wiki">{{resources.infoOsmWikiLink}}</a>
+                    <div *ngIf="isMobile()" class="flex flex-row">
+                        <div class="w-1/6 text-center"><i class="fa icon-question-circle-o w-full"></i></div>
+                        <div class="flex-1">{{resources.longPressHint}}</div>
                     </div>
-                </div>
-                <mat-divider></mat-divider>
-                <div class="flex flex-row" *ngIf="!isApp()">
-                    <div class="w-1/6 text-center"><i class="fa icon-download w-full"></i></div>
-                    <div class="flex-1">
-                        <a class="w-full link" href="" (click)="openDownloadDialog($event)" angulartics2On="click" angularticsCategory="Info" angularticsAction="Download open">{{resources.infoDownloadOldMapsForOfflineUse}}</a>
+                    <h4>{{resources.infoHelpfulLinks}}</h4>
+                    <div class="flex flex-row">
+                        <div class="w-1/6 text-center"><i class="fa icon-facebook w-full"></i></div>
+                        <div class="flex-1">
+                            <a class="w-full link" href="https://www.facebook.com/groups/israelhikingmap/" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Facebook group">{{resources.infoFacebookLink}}</a>
+                        </div>
                     </div>
-                </div>
-                <mat-divider></mat-divider>
-                <div class="flex flex-row">
-                    <div class="w-1/6 text-center"><i class="fa icon-edit w-full"></i></div>
-                    <div class="flex-1">
-                        <a class="w-full link" href="https://github.com/IsraelHikingMap/Site/wiki/Privacy-Policy-and-Terms-of-Service" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Terms of service">{{resources.infoPrivacyPolicyTermsOfService}}</a>
+                    <mat-divider></mat-divider>
+                    <div class="flex flex-row">
+                        <div class="w-1/6 text-center"><i class="fa icon-github w-full"></i></div>
+                        <div class="flex-1">
+                            <a class="w-full link" href="https://www.github.com/IsraelHikingMap" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Github">{{resources.infoGithubLink}}</a>
+                        </div>
                     </div>
-                </div>
-                <mat-divider></mat-divider>
-                <div class="flex flex-row">
-                    <div class="w-1/6 text-center"><i class="fa icon-question-circle-o w-full"></i></div>
-                    <div class="flex-1">
-                        <a class="w-full link" href="https://github.com/IsraelHikingMap/Site/wiki/Israel-Hiking-Maps-FAQ" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="FAQ">{{resources.infoFAQLink}}</a>
+                    <mat-divider></mat-divider>
+                    <div class="flex flex-row">
+                        <div class="w-1/6 text-center"><i class="fa icon-wikipedia-w w-full"></i></div>
+                        <div class="flex-1">
+                            <a class="w-full link" href="https://wiki.openstreetmap.org/wiki/WikiProject_Israel" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="OSM Wiki">{{resources.infoOsmWikiLink}}</a>
+                        </div>
                     </div>
-                </div>
-                <mat-divider></mat-divider>
-                <div class="flex flex-row">
-                    <div class="w-1/6 text-center"><i class="fa icon-layers w-full"></i></div>
-                    <div class="flex-1">
-                        <a class="w-full link" href="https://github.com/IsraelHikingMap/Site/wiki/Attribution" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="FAQ">{{resources.attribution}}</a>
+                    <mat-divider></mat-divider>
+                    <div class="flex flex-row" *ngIf="!isApp()">
+                        <div class="w-1/6 text-center"><i class="fa icon-download w-full"></i></div>
+                        <div class="flex-1">
+                            <a class="w-full link" href="" (click)="openDownloadDialog($event)" angulartics2On="click" angularticsCategory="Info" angularticsAction="Download open">{{resources.infoDownloadOldMapsForOfflineUse}}</a>
+                        </div>
                     </div>
-                </div>
-                <br />
-                <p>
-                    <i>
-                        {{resources.infoFooterThanks}}<br />
-                        {{resources.infoFooterAuthors}}<br />
-                    </i>
-                </p>
+                    <mat-divider></mat-divider>
+                    <div class="flex flex-row">
+                        <div class="w-1/6 text-center"><i class="fa icon-edit w-full"></i></div>
+                        <div class="flex-1">
+                            <a class="w-full link" href="https://github.com/IsraelHikingMap/Site/wiki/Privacy-Policy-and-Terms-of-Service" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Terms of service">{{resources.infoPrivacyPolicyTermsOfService}}</a>
+                        </div>
+                    </div>
+                    <mat-divider></mat-divider>
+                    <div class="flex flex-row">
+                        <div class="w-1/6 text-center"><i class="fa icon-question-circle-o w-full"></i></div>
+                        <div class="flex-1">
+                            <a class="w-full link" href="https://github.com/IsraelHikingMap/Site/wiki/Israel-Hiking-Maps-FAQ" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="FAQ">{{resources.infoFAQLink}}</a>
+                        </div>
+                    </div>
+                    <mat-divider></mat-divider>
+                    <div class="flex flex-row">
+                        <div class="w-1/6 text-center"><i class="fa icon-layers w-full"></i></div>
+                        <div class="flex-1">
+                            <a class="w-full link" href="https://github.com/IsraelHikingMap/Site/wiki/Attribution" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="FAQ">{{resources.attribution}}</a>
+                        </div>
+                    </div>
+                    <br />
+                    <p>
+                        <i>
+                            {{resources.infoFooterThanks}}<br />
+                            {{resources.infoFooterAuthors}}<br />
+                        </i>
+                    </p>
+                </mat-card-content>
             </mat-card>
         </mat-tab>
         <mat-tab label="{{resources.legend}}">