RightAlignedSearch.css

.wrapper {
  height: 36px;
  width: 100%;
  position: relative;
}

.inner {
  position: absolute;
  right: 0;
  top: 0;
}

RightAlignedSearch.jsx

import React from 'react'
import { Search } from '@invisionapp/helios'

function RightAlignedSearch(props) {
  return (
    <div className="wrapper">
      <div className="inner">
        <Search {...props} />
      </div>
    </div>
  )
}

export default RightAlignedSearch