Meteor templates. How can I not render a HTML element based on an {{#if}}?

I have a collection that stores phone numbers for companies. If a company has a phone number, draw those phone numbers. If a company has no phone number, don't draw any.

Currently it half works. It will not draw the phone numbers if no numbers are in the collection, but it still draws the < h4 >Phone< /h4 > heading and I don't want it to.

Here's the code:

<template name="orgPage">
    <h2>Organisation Name: {{name}}</h2>
    <h3>Contact Details</h3>
    <ul>
        {{#if phone}}
            <h4>Phone</h4>
            {{#each phone}}
                <li>{{number}} ({{type}})</li>
            {{/each}}
        {{else}}
            <p>No contact numbers</p>
        {{/if}}  
    </ul>
</template>

and

Template.orgPage.helpers({

    'phone': function() {
        return organisationsPhoneNumbers.find({ orgId: currentOrgId })
    }

});

How can I get it to NOT draw the < h4 >Phone< /h4 > if there is no data returned from the collection?